Vue整理
文章平均质量分 58
梦想是坚持
能长期坚持专注 就是胜利
展开
-
Vue响应式原理
1、原理 当创建Vue实例时,Vue会遍历data选项的属性,利用object.definePropery()为属性添加getter和setter对数据的读取进行劫持(getter用来依赖收集,setter用来派发更新),并且在内部追踪依赖,在属性被访问和修改时通知变化。 每个组件实例都会有相应的watcher实例,会在组件渲染的过程中记录依赖的所有数据属性(进行依赖收集,还有computed,watcher,user watcher实例),之后依赖项被改动时,setter方法会通知依赖与...原创 2021-02-22 17:42:17 · 67 阅读 · 0 评论 -
简述Vue生命周期
1、创建期间的生命周期方法 beforeCreate:方法特点——调用时没有初始化好Vue实例中的数据(data)和方法(methods)。即调用此方法时还不能调用Vue实例的数据和方法。 created:——是我们最早能够访问Vue实例中保存的数据和方法的地方。 beforeMount:——表示Vue已经编译好了最终模板,但是还没有将最终模板渲染到界面上。 mounted:——表示Vue已经完成了模板的渲染,表示我们已经可以拿到界面上渲染之后的内容了。 2、运行期间的生命周期方法...转载 2021-01-29 23:17:32 · 360 阅读 · 0 评论 -
Vue 组件传值、通信 整理
1.父组件 => 子组件 属性 props // child 子组件 接收 props: { msg: String } // parent 父组件 传值 <HelloWorld msg="Welcome to Your Vue.js App"/> 引用refs //parent 父组件 <HelloWorld ref="hw"> this.$refs.hw.xx = "xxxx" // xx 为子组件的值 注意 使用时 ...原创 2021-01-21 20:43:21 · 77 阅读 · 0 评论