每个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的 var vm = new Vue({ // 选项 })
每个Vue实例都会代理其data对象里所有的属性 var data = { a: 1 } var vm = new Vue({ data: data }) vm.a === data.a // -> true 只有这些被代理的属性是响应的触发视图的重新渲染,在实例创建之后添加新的属性,它不会触发视图更新 除了data属性。Vue实例暴露了一些有用的实例属性与方法,这些属性与方法都有前缀$,以便与代理的data属性区分 var data = { a: 1 } var vm = new Vue({ el: '#example', data: data }) vm.$data === data // -> true vm.$el === document.getElementById('example') // -> true // $watch 是一个实例方法 vm.$watch('a', function (newVal, oldVal) { // 这个回调将在 `vm.a` 改变后调用 }) 注意,不要在实例属性或者回调函数中使用箭头函数,因为箭头函数绑定父级上下文
(adsbygoogle = window.adsbygoogle || []).push({});