当前位置： 首页 > news >正文 学雷锋_做美德少年网站文化公司网站建设策划书 news 2025/10/27 12:00:14 学雷锋_做美德少年网站,文化公司网站建设策划书,网站风格和功能设计方案,深圳app开发合作Vue 核心概念 1. Vue 的生命周期钩子函数有哪些#xff1f; Vue 组件生命周期主要分为 8 个阶段#xff1a; 创建阶段#xff1a; beforeCreate#xff1a;实例刚创建#xff0c;data 和 methods 还未初始化created#xff1a;实例创建完成#xff0c;data 和 methods…Vue 核心概念 1. Vue 的生命周期钩子函数有哪些 Vue 组件生命周期主要分为 8 个阶段 创建阶段 beforeCreate实例刚创建data 和 methods 还未初始化created实例创建完成data 和 methods 已初始化但 DOM 未挂载 挂载阶段 beforeMount模板编译完成但未挂载到页面mounted实例已挂载到 DOM可以访问 DOM 元素 更新阶段 beforeUpdate数据更新时触发DOM 未重新渲染updated数据更新完成DOM 已重新渲染 销毁阶段 beforeDestroy实例销毁前仍可访问实例destroyed实例已销毁所有绑定和监听被移除 2. Vue 的双向数据绑定原理是什么 Vue 使用 数据劫持 发布订阅模式 实现双向绑定核心是通过 Object.defineProperty()Vue 2.x或 ProxyVue 3.x来劫持各个属性的 setter 和 getter Observer递归遍历 data 对象使用 Object.defineProperty 设置 getter/setterDep每个属性都有一个 Dep 实例用于收集依赖WatcherWatcher作为 Observer 和 Compile 的桥梁当数据变化时触发回调Compile解析模板指令初始化视图并订阅数据变化 Vue 3.x 改用 Proxy 实现优势在于 可以直接监听对象而非属性可以直接监听数组变化有更多拦截方法13种性能更好 3. computed 和 watch 的区别是什么 computed 是计算属性基于依赖的响应式数据进行缓存只有依赖的数据发生变化才会重新计算必须有 return 语句适合复杂逻辑计算 watch 是监听器监听特定数据的变化无缓存性每次变化都会执行可以执行异步操作适合数据变化时执行异步或开销较大的操作 4. Vue 组件通信方式有哪些 父子组件通信 props / $emit$parent / $children不推荐ref 获取组件实例 兄弟组件通信 通过共同的父组件中转事件总线Event BusVuex 跨级组件通信 provide / inject$attrs / $listenersVue 2.xVuex 全局通信 Vuex 状态管理Event Bus全局事件总线 Vue 进阶知识 5. Vue 的 nextTick 原理是什么 nextTick 是 Vue 提供的异步延迟执行方法其原理是 Vue 在更新 DOM 时是异步执行的数据变化后不会立即更新 DOM使用微任务microtask优先策略 优先使用 Promise.then降级使用 MutationObserver再降级使用 setImmediate最后使用 setTimeout 使用场景 在数据变化后操作依赖于新 DOM 结构的代码在 created 生命周期中操作 DOM 6. Vue 的虚拟 DOM 和 diff 算法 虚拟 DOM 是用 JavaScript 对象描述真实 DOM 的抽象通过比较新旧虚拟 DOM 的差异最小化 DOM 操作 diff 算法 同级比较不跨级比较比较标签名和 key 值双端比较策略Vue 2.x 新旧节点的首尾各有一个指针共4种比较方式如果都没匹配到则用新节点的 key 在旧节点中查找 最长递增子序列优化Vue 3.x 7. Vue 3 的新特性有哪些 Composition API setup() 函数ref 和 reactive 响应式API更好的逻辑复用 性能提升 使用 Proxy 代替 Object.defineProperty更高效的虚拟 DOM更好的 Tree-shaking 支持 新特性 Fragment多根节点组件Teleport传送门Suspense异步组件自定义渲染器 API TypeScript 支持 完全使用 TypeScript 重写更好的类型推断 8. Vuex 的核心概念是什么 Vuex 是 Vue 的状态管理库核心概念包括 State存储应用状态数据Getter从 state 派生的计算属性Mutation唯一修改 state 的方法同步操作Action提交 mutation可以包含异步操作Module将 store 分割成模块 工作流程 组件 → dispatch Action → commit Mutation → mutate State → 更新视图 Vue 实战问题 9. Vue 的性能优化手段有哪些 编码阶段 合理使用 v-if 和 v-show合理使用 computed 和 watchv-for 必须加 key避免与 v-if 一起使用组件懒加载防抖节流 打包优化 按需引入组件库使用 CDN 加载第三方资源开启 gzip 压缩使用 Tree-shaking 移除无用代码 运行时优化 使用 keep-alive 缓存组件使用 v-once 和 v-memoVue 3长列表虚拟滚动避免大数据响应式 10. Vue Router 的导航守卫有哪些 全局守卫 beforeEach路由进入前beforeResolve路由解析前afterEach路由进入后 路由独享守卫 beforeEnter特定路由进入前 组件内守卫 beforeRouteEnter进入组件前无法访问 thisbeforeRouteUpdate路由改变但组件复用时beforeRouteLeave离开组件前 执行顺序beforeRouteLeave → beforeEach → beforeEnter → beforeRouteEnter → beforeResolve → afterEach 11. 什么是 Vue 的 mixin有什么优缺点 mixin 是一种分发 Vue 组件可复用功能的灵活方式可以包含任意组件选项。 优点 代码复用逻辑解耦维护方便 缺点 命名冲突来源不明确多个 mixin 可能导致复杂度增加 Vue 3 推荐使用 Composition API 替代 mixin。 12. Vue 的响应式原理中数组的处理方式 Vue 2.x 中对数组的特殊处理 重写了数组的 7 个方法 push, pop, shift, unshift, splice, sort, reverse 这些方法被重写后除了执行原生操作外还会触发视图更新直接通过索引修改数组项或修改数组长度不会触发响应式this.items[0] newValue // 不会触发更新 this.items.length 0 // 不会触发更新需要使用 Vue.set 或数组的 splice 方法 Vue 3.x 使用 Proxy 后可以直接检测数组索引和长度的变化。 文章转载自： http://www.morning.kgslc.cn.gov.cn.kgslc.cn http://www.morning.fmjzl.cn.gov.cn.fmjzl.cn http://www.morning.xsetx.com.gov.cn.xsetx.com http://www.morning.dtlqc.cn.gov.cn.dtlqc.cn http://www.morning.rsdm.cn.gov.cn.rsdm.cn http://www.morning.gynkr.cn.gov.cn.gynkr.cn http://www.morning.nkhdt.cn.gov.cn.nkhdt.cn http://www.morning.xsgxp.cn.gov.cn.xsgxp.cn http://www.morning.rbjp.cn.gov.cn.rbjp.cn http://www.morning.pzlhq.cn.gov.cn.pzlhq.cn http://www.morning.bfmrq.cn.gov.cn.bfmrq.cn http://www.morning.rlbc.cn.gov.cn.rlbc.cn http://www.morning.mpsnb.cn.gov.cn.mpsnb.cn http://www.morning.bzsqr.cn.gov.cn.bzsqr.cn http://www.morning.gagapp.cn.gov.cn.gagapp.cn http://www.morning.xmjzn.cn.gov.cn.xmjzn.cn http://www.morning.wqgr.cn.gov.cn.wqgr.cn http://www.morning.wfyzs.cn.gov.cn.wfyzs.cn http://www.morning.ckntb.cn.gov.cn.ckntb.cn http://www.morning.3dcb8231.cn.gov.cn.3dcb8231.cn http://www.morning.fndfn.cn.gov.cn.fndfn.cn http://www.morning.ksggl.cn.gov.cn.ksggl.cn http://www.morning.c7510.cn.gov.cn.c7510.cn http://www.morning.tqdqc.cn.gov.cn.tqdqc.cn http://www.morning.jqjnx.cn.gov.cn.jqjnx.cn http://www.morning.jtmql.cn.gov.cn.jtmql.cn http://www.morning.qcymf.cn.gov.cn.qcymf.cn http://www.morning.skkln.cn.gov.cn.skkln.cn http://www.morning.gbybx.cn.gov.cn.gbybx.cn http://www.morning.pjtnk.cn.gov.cn.pjtnk.cn http://www.morning.xwlmg.cn.gov.cn.xwlmg.cn http://www.morning.kqglp.cn.gov.cn.kqglp.cn http://www.morning.nfmlt.cn.gov.cn.nfmlt.cn http://www.morning.cftkz.cn.gov.cn.cftkz.cn http://www.morning.nflpk.cn.gov.cn.nflpk.cn http://www.morning.dighk.com.gov.cn.dighk.com http://www.morning.slqzb.cn.gov.cn.slqzb.cn http://www.morning.rnlx.cn.gov.cn.rnlx.cn http://www.morning.rbzht.cn.gov.cn.rbzht.cn http://www.morning.hksxq.cn.gov.cn.hksxq.cn http://www.morning.nfnxp.cn.gov.cn.nfnxp.cn http://www.morning.jtjmz.cn.gov.cn.jtjmz.cn http://www.morning.xhjjs.cn.gov.cn.xhjjs.cn http://www.morning.lkwyr.cn.gov.cn.lkwyr.cn http://www.morning.dfmjm.cn.gov.cn.dfmjm.cn http://www.morning.tgqzp.cn.gov.cn.tgqzp.cn http://www.morning.rwlnk.cn.gov.cn.rwlnk.cn http://www.morning.dmldp.cn.gov.cn.dmldp.cn http://www.morning.ndhxn.cn.gov.cn.ndhxn.cn http://www.morning.khzml.cn.gov.cn.khzml.cn http://www.morning.dfkmz.cn.gov.cn.dfkmz.cn http://www.morning.ckhyj.cn.gov.cn.ckhyj.cn http://www.morning.nflpk.cn.gov.cn.nflpk.cn http://www.morning.mhcft.cn.gov.cn.mhcft.cn http://www.morning.jpkk.cn.gov.cn.jpkk.cn http://www.morning.ghgck.cn.gov.cn.ghgck.cn http://www.morning.rmtxp.cn.gov.cn.rmtxp.cn http://www.morning.tbjtp.cn.gov.cn.tbjtp.cn http://www.morning.wrdpj.cn.gov.cn.wrdpj.cn http://www.morning.cywf.cn.gov.cn.cywf.cn http://www.morning.yrfxb.cn.gov.cn.yrfxb.cn http://www.morning.yrjkz.cn.gov.cn.yrjkz.cn http://www.morning.kpcky.cn.gov.cn.kpcky.cn http://www.morning.dyxlm.cn.gov.cn.dyxlm.cn http://www.morning.gchqy.cn.gov.cn.gchqy.cn http://www.morning.kgqww.cn.gov.cn.kgqww.cn http://www.morning.rrcxs.cn.gov.cn.rrcxs.cn http://www.morning.gzttoyp.com.gov.cn.gzttoyp.com http://www.morning.tgfjm.cn.gov.cn.tgfjm.cn http://www.morning.khntd.cn.gov.cn.khntd.cn http://www.morning.ygth.cn.gov.cn.ygth.cn http://www.morning.ykwgl.cn.gov.cn.ykwgl.cn http://www.morning.sxcwc.cn.gov.cn.sxcwc.cn http://www.morning.xckdn.cn.gov.cn.xckdn.cn http://www.morning.mjbjq.cn.gov.cn.mjbjq.cn http://www.morning.ahscrl.com.gov.cn.ahscrl.com http://www.morning.ywrt.cn.gov.cn.ywrt.cn http://www.morning.kszkm.cn.gov.cn.kszkm.cn http://www.morning.znsyn.cn.gov.cn.znsyn.cn http://www.morning.kntbk.cn.gov.cn.kntbk.cn 查看全文 http://www.tj-hxxt.cn/news/253768.html 相关文章： 宝塔搭建本地网站网站不更新 杭州网站前端建设淮北论坛最新 北京网站建设公司艺唯思wordpress登录及注册 网站前置审核申请报告网站开发与维护就业前景 建设外贸产品展示网站网站如何做触屏滑动 代做毕业设计的网站手机网站 jquery 特效 县城做网站的多么重庆造价信息网 外贸网站收录工具wordpress 文档 插件 html5企业网站做彩票网站要什么接口 海口建站软件百度贴吧广告投放 启航网站建设做外贸要开通哪个网站 南昌建设银行网站新电商平台 霍邱网站设计地推拉新app推广怎么做 查工作单位的网站常用的关键词有哪些 用wordpress建立网站网站建设与制作的流程 微信公众号设计网站如何建立个人免费网站 邢台网站建设服务移动网站建设的前景 深圳专业网站设计公司西安seo优化工作室 建设网站的 成本wordpress 速度很慢 重庆网站建设电话官方网站免费建设 网站建设同行抄袭电商网页设计期末作业模板 网站建设丿金手指花总9郑州路普科技 网站内链布局通过输入域名访问自己做的网站 商业网站建设案例教程上海网站建设公司选哪家好 做推送网站做视频网站 许可 企业网站模板库怎么做广告推广 个人网站怎么建wordpress里买的模板可以改 开发网站的流程步骤梅州站改造高铁站 有哪些做室内设计好用的网站图片设计软件app 企业网站建设的申请国内如何做国外网站的兼职项目
