1、Vue实例常用属性 （1）数据 data:Vue 实例的数据对象 components：Vue实例配置局部注册组件 （2）类方法computed:计算属性 watch：侦听属性 filters：过滤器 methods:Vue实例方法 render：渲染函数，创建虚拟DOM （3）生命周期crea ...
分类：
其他好文 时间：
2017-12-29 15:13:42
阅读次数：
178
方法（method）和计算属性（computed）区别 每当触发重新渲染时，调用方法将总会再次执行函数。 计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。多次访问计算属性会立即返回之前的计算结果，而不必再次执行函数。 v-show和v-if区别 v-if 是“真 ...
分类：
其他好文 时间：
2017-12-21 17:22:26
阅读次数：
174
watch和computed均可以监控程序员想要监控的对象，当这些对象发生改变之后，可以触发回调函数做一些逻辑处理 watch监控自身属性变化 watch监控路由对象 计算属性computed的特点 计算属性会依赖于他使用的data中的属性，只要是依赖的属性值有改变，则自动重新调用一下计算属性； 如 ...
分类：
其他好文 时间：
2017-12-20 17:54:21
阅读次数：
139
1、中央事件总线bus 2、父链 注：尽量少用，父子组件最好通过props和$emit来通信。 3、子组件索引 注：仅仅作为直接访问子组件的应急方案，避免在模板或者计算属性中使用$refs. ...
分类：
其他好文 时间：
2017-12-18 18:44:44
阅读次数：
203
1、props通信 注意：DOM模板的驼峰命名props要转为短横分割命名。 传递动态数据（v-bind）： 2、单向数据流 （1）子组件保存父组件传递过来的值，在子组件自己的作用域下修改和使用。 （2）使用计算属性 ...
分类：
其他好文 时间：
2017-12-18 18:36:40
阅读次数：
325
1、示例代码 2、在大多数情况下，只会使用默认的getter方法读取计算属性，业务中很少用到setter方法。 3、与methods的区别 methods方法一样可以实现计算属性： 区别：使用计算属性还是methos取决于你是否需要缓存，当遍历大数组和做大量计算时，应当使用计算属性，除非你不希望得到 ...
分类：
其他好文 时间：
2017-12-15 12:37:00
阅读次数：
114
1、vuex的简单使用方法 安装： cnpm install vuex --save 使用： （1）新建一个store的文件夹 代码例子： （2）在main.js里面引用 （3）在组件里面里面使用 2、state （1）mapState函数 当一个组件需要获取多个状态时候，将这些状态都声明为计算属性 ...
分类：
其他好文 时间：
2017-12-06 19:47:56
阅读次数：
144
一、计算属性 1、模版内的表达式非常便利,但是设计它们的初衷是用于简单计算的。在模版中放入太多的逻辑运算会让模版过重且难以维护,例如如下代码: 在这个地方,模版不在是简单的声明式逻辑,你必须看一段时间才能意识到,这里是想要显示变量message的翻转字符串,当你想要在模版中多次引用此处的翻转字符串时 ...
分类：
Web程序 时间：
2017-11-17 20:59:26
阅读次数：
225
一.Vue的计算属性：get和set属性 二.Vue的全局组件： 三.Vue的局部组件： 简便写法： 四.Vue的父子组件： 五.Vue的teplate标签和script标签： 开发中使用更多的是template标签定义子组件。 六.Vue中的data选项注意事项： ...
分类：
其他好文 时间：
2017-11-04 20:46:08
阅读次数：
202
计算属性：用来封装你想对一个属性进行的操作 computed VS mothod实现的效果和定义一个methods中的function相同，但是他们的区别在于：methods的function当触发重新渲染时总会重新执行，而计算属性是基于他们的依赖进行缓存的，只有在它的相关依赖进行改变时才会改变，这 ...
分类：
其他好文 时间：
2017-10-31 14:58:05
阅读次数：
136
