Vue——计算属性&方法&侦听器
计算属性
基本概念
即computed，是一个对象，内部可添加函数，这些函数的this指向全局缓存
调用时，一样也是用插值表达式中添加函数名来实现函数
优势
好处在于，虽然模板中容许写js语句，可是这样会致使样式和行为不分离，而在computed内部能够直接写变量的操做以及返回值，实现了行为和样式的解耦this
此外，计算属性有缓存机制，只有修改其相关的属性的值的时候才会从新计算并渲染，不然不会改变对象
get和set方法
相似于JS中的get和set方法，computed里的每个属性/方法都有get方法和set方法，分别在获取/修改属性值的时候被触发blog
方法
即写在methods里的函数事件
methods也是个对象，内部可添加函数，不过这些函数是和事件相关的get
固然，方法里也能够写不是和事件相关的，用插值表达式调用时，注意添加()表示执行模板
可是相比于计算属性computed，其没有缓存机制，只要全局中有一个数据发生变化就会调用，不如computed好使变量
侦听器
watch，为一个对象，内部能够添加data中的变量做为监听对象，若是监听对象发生变化（值必须变成另外一个），则触发对应的侦听器中的函数渲染