vue学习之路 ---基础（实例方法/数据）

实例方法/数据

     vm.$watch

          html:

<div id="watch">
        firstName:<input type="text" name="li"  v-model="firstName">
        lastName:<input type="text" name="fei"  v-model="lastName">
        <p>fullName: {{fullName}}</p>
</div>

        JS:

var vm = new Vue({
            el: '#watch',
            data: {
                firstName: 'a',
                lastName: 'fei',
                fullName: 'a fei'
            },
            watch: {
                firstName: function (val) {
                    this.fullName = val + ' ' + this.lastName
                },
                lastName: function (val) {
                    this.fullName = this.firstName + ' ' + val
                }
            }
})

在代码中，我们用watch方法监听了firstName和lastName这两个变量，我们在input框框那里做了双绑定，这样子的话，我们在firstName输入框中输入的值就会改变变量firstName的值，同理可得lastName，因为值的改变和watch这货的观察，所以watch里面的function代码就会运行，这样子fullName也就会相应地改变了。这样子$watch这方法的用法也就一下子明了了。上述的例子中$watch就和原生js里面的on-change差不多了。

转自：点击打开链接

vm.$set

 由于javaScript限制，Vue不能检测变化的数组；针对这种情况，用$set()解决这一情况，调用$set()方法改变数组的value时，页面会重新刷新，达到给数组重新赋值的效果

部分看别人的博客，部分自己总结，小编就不写转载了哈！！！！