Vue的响应式数据和计算属性

今天我学习了Vue的响应式数据和计算属性。Vue的响应式数据是指Vue会自动追踪数据的变化并自动更新DOM，这可以通过Vue实例的data属性来实现。而计算属性可以基于已有的响应式数据计算出新的数据用于渲染：

var app = new Vue({

  el: '#app',

  data: {

    message: 'Hello Vue!'

  },

  computed: {

    reversedMessage: function() {

      return this.message.split('').reverse().join('')

    }

  }

})

 

然后可以在html里面使用计算属性渲染出数据：

<div id="app">

  {{ reversedMessage }}

</div>

 

明天我将继续学习Vue的指令和事件处理。