![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
代码写的完嘛
这个作者很懒,什么都没留下…
展开
-
Vue声明周期与其事件
声明周期分析 new Vue()新建Vue的实例,调用Vue.prototype._init函数 beforeCreate之前:初始化事件、生命周期和渲染函数,并调用callHook(vm,'beforeCreate')调用钩子函数。 created之前:初始化注入,初始化数据,初始化校验,调用callHook(vm,'create') Vue.prototype._init = functi...原创 2020-03-05 14:08:31 · 186 阅读 · 0 评论 -
区分v-if和v-show
v-show v-show改变的是CSS的display:none,来决定元素是否渲染。并不会改变页面DOM结构,切换开销小,适合频繁切换的场景使用。 v-if v-if依靠布尔值来实现组件的渲染,过程中涉及组件的挂载和销毁,会改变页面DOM结构,切换开销较大,适合切换较小的场景使用。 v-if是惰性渲染的机制,只会渲染需要的组件。 ...原创 2020-02-24 21:26:31 · 63 阅读 · 0 评论 -
Vue中data作为函数返回的原因
原因 在开发可重用组件的时候Vue的data作为函数return其他的对象。 将data作为对象将导致全局变量污染,即一个组件修改data后另一个组件的data也被修改。 而将data设定成返回对象的函数时,每个实例可以维护被返回对象的独立拷贝。即每次都会有新的对象生成,即内存栈中的引用地址不一样,也就不会有全局变量污染。 举个例子 //当data作为对象时 data{ count:0 ...原创 2020-02-24 21:17:15 · 540 阅读 · 0 评论