计算属性和监听属性 computed计算属性,当参与计算的data没有发生变化的时候,会使用上一次计算的缓存值,只有当参与计算的变量发生变化时,才回去重新计算。性能比较高 watch监听属性,每当监听的值发生变化时就回去执行方法 v-if、v-show 通过dom来看看两者的区别: -->原始的DO ...
分类:
Web程序 时间:
2018-05-29 00:22:33
阅读次数:
251
生命周期就是 vue实例的创 到销毁的过程: 开始创建,初始化数据,编译模板,挂载dom,渲染 更新 渲染、预卸销毁。 export default{ //数据: prop:[], data(){} computed:(计算) fifler: //组件: components:{} //渲染周期 b ...
分类:
其他好文 时间:
2018-05-27 18:36:01
阅读次数:
187
1、普通的watch 2、数组的watch 3、对象的watch 4、对象具体属性的watch[活用computed] ...
分类:
编程语言 时间:
2018-05-22 17:18:42
阅读次数:
198
vue基础4(组件) 1.因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。 通过事件向父级组件发送消息 ... ...
分类:
其他好文 时间:
2018-05-22 13:00:49
阅读次数:
150
一、计算属性诞生的由来 虽然在模板中绑定表达式是非常便利的,但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。比如: <div id="example"> {{ message.split('
分类:
Web程序 时间:
2018-05-20 21:55:52
阅读次数:
512
1. 双向绑定的对象 改变或新增其属性 DOM不刷新问题 这是因为Vue 会在初始化实例时对属性执行 getter/setter 转化过程,并用computed来添加需要计算的属性,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应的。 对象obj新增的attr3属性没有 ...
分类:
其他好文 时间:
2018-05-18 15:49:15
阅读次数:
369
1.侦听属性(watch):当有一些数据需要随着其它数据变动而变动时,用 watch 可以看出上面的代码重复性很大 2.计算属性(computed):实时检测属性有没有发生变化,当发生变化时,相应computed的属性也会随之发生变化 代码重复性小 ...
分类:
其他好文 时间:
2018-05-16 19:43:20
阅读次数:
147
整理自‘游鱼与渔’的文章http://www.cnblogs.com/first-time/p/6815036.html,建议看原文。 4个核心选项:state mutations getters actions 那如何获取到state的数据呢? 一般会在组件的计算属性(computed)获取sta ...
分类:
其他好文 时间:
2018-05-15 13:17:47
阅读次数:
164