随笔分类 - Vue
摘要:虚拟dom是什么 虚拟dom本质上就是一个普通的JS对象,用于描述视图的界面结构。在vue中,每个组件都有一个render函数,每个render函数都会返回一个虚拟dom树,这也就意味着每个组件都对应一棵虚拟DOM树。 为什么使用虚拟dom 框架设计 响应式的本质是数据变化就运行相应的函数,比如re
阅读全文
摘要:使用场景 处理异步操作 数据变化后执行多个副作用操作 数据变化后,执行的操作需要旧值参与
阅读全文
摘要:Vue2中的v-model v-model即可以作用于表单元素,又可作用于自定义组件,无论是哪一种情况,它都是一个语法糖,最终会生成一个属性和一个事件 当其作用于表单元素时,vue会根据作用的表单元素类型而生成合适的属性和事件。例如,作用于普通文本框的时候,它会生成value属性和input事件,而
阅读全文
摘要:对computed的处理时,会遍历computed配置中的所有属性,为每一个属性创建一个Watcher对象,并把getter传入,这样一来,getter运行过程中就会收集依赖。但是和render函数不同,为计算属性创建的Watcher不会立即执行,因为要考虑到该计算属性是否会被渲染函数使用,如果没有
阅读全文
摘要:vue官网图示 初始化阶段 首先进行一些初始化操作,主要是设置一些私有属性。 运行beforeCreate钩子。 进入注入阶段:处理props,data,computed,watch,methods,provide等。 运行created钩子。 生成render函数:如果有render配置直接使用;
阅读全文