vue学习笔记（三）

1.计算属性
在业务逻辑中遇到复杂的计算的时候使用计算属性

结果显示如下

2.计算属性与方法的区别
可以使用methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而 methods 在重新渲染的时候，函数总会重新调用执行。computed效果会更好一下，如果场景中不想存在缓存的话，选择methods.
3.侦听属性
当你有一些数据需要随着其它数据变动而变动时，你很容易滥用 watch——特别是如果你之前使用过 AngularJS。然而，通常更好的做法是使用计算属性而不是命令式的 watch 回调。


4.计算属性的 setter
计算属性默认只有 getter ，不过在需要时你也可以提供一个 setter

   fullName: {
    // getter
    get: function () {
      return this.firstName + ' ' + this.lastName
    },
    // setter
    set: function (newValue) {
      var names = newValue.split(' ')
      this.firstName = names[0]
      this.lastName = names[names.length - 1]
    }

运行 vm.fullName = ‘John Doe’ 时，setter 会被调用，vm.firstName 和 vm.lastName 也会相应地被更新。
5.侦听器
需要在数据变化时执行异步或开销较大的操作时使用。

  

    Ask a yes/no question:
    
  
  
{
    { answer }}

使用 watch 选项允许我们执行异步操作 (访问一个 API)，限制我们执行该操作的频率，并在我们得到最终结果前，设置中间状态。这些都是计算属性无法做到的。
除了 watch 选项之外，您还可以使用命令式的 vm.$watch API。