【精选】2.Vue.js培训课件.pptVIP

3.计算属性 div id=app p原始字符串: {{ message }}/p p计算后反转字符串: {{ reversedMessage }}/p /div script var vm = new Vue({ el: #app, data: { message: Runoob! }, computed: { // 计算属性的 getter reversedMessage: function () { // `this` 指向 vm 实例 return this.message.split().reverse().join() } } }) /script 精 4.监听属性 watch,来响应数据的变化 var vm=new Vue({...}); vm.$watch(kilometers, function (newValue, oldValue) { //........ }) 精 5.样式绑定 style .active { width: 100px; height: 100px; background: green; } .text-danger { background: red; } /style /head b