weixin_44385915的博客

异步更新队列 Vue⾼效的秘诀是⼀套批量、异步的更新策略。 概念解释 事件循环Event Loop：浏览器为了协调事件处理、脚本执⾏、⽹络请求和渲染等任务⽽制定的⼯作机制。 微任务：微任务是更⼩的任务，是在当前宏任务执⾏结束后⽴即执⾏的任务。** 如果存在微任务，浏览器会清空微任务之后再重新渲染。**微任务的例⼦有 Promise 回调函数、DOM变化等。 ...

的

vue的设计思想(MVVM模式) MVVM框架的三要素包括: 数据响应式 模板引擎及其渲染 数据响应式: 监听数据变化并在视图中更新 Object.defineProperty() ---- vue2中采用的数据劫持,数据拦截的策略 Proxy — vue3中采用的是代理模式 模板引擎: 提供描述视图的模板语法 插值: {{}} 指令: v–on, v-bind, v-model, v-for, v-if 等等 渲染: 如何将模板转换成为html 模板 => vdom => dom 数据

Vuex Vuex 集中式存储管理应⽤的所有组件的状态，并以相应的规则保证状态以可预测的⽅式发⽣变化。 下面是Vuex工作的流程图 安装： vue add vuex vue add vuex 核⼼概念 State 状态,数据 Actions 异步操作 Mutations 更改状态的函数 store 包含以上概念的容器 状态 -state state用来存储状态 export default new Vuex.Store({ state: { count: 0 }, }) 状态

vue-router Vue Router 是 Vue.js 官⽅的路由管理器。它和 Vue.js 的核⼼深度集成，让构建单页面应用变得易如反掌。 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式，在 IE9 中自动降级 自定义的滚动条行为 安装： vue add router 核⼼步骤： 步骤⼀：使⽤vue-router插件，rout

注意：$children不能保证⼦元素顺序 和$refs有什么区别？