Vue——计算属性和属性监听

计算属性

其实就是在标签调用变量，在computed里面定义函数进行相应运算。

计算属性只有在它的相关依赖发生改变时才会重新求值。所以，有时候能立即返回值。

实例

<div id="example">  <p>Original message: "{{ message }}"</p>  <p>Computed reversed message: "{{ reversedMessage }}"</p></div>var vm = new Vue({  el: '#example',  data: {    message: 'Hello'  },  computed: {    // a computed getter    reversedMessage: function () {      // `this` points to the vm instance      return this.message.split('').reverse().join('')    }  }})

属性监听

使用watch，监听一个变量，每当变量变化时，进行响应操作。