2017/09/06 VUE实例

一. 创建VUE实例

1. var vm = new Vue( { } )

二. 数据与方法

1.  当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其data对象中能找到的所有的属性。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。

var data={a:1}

var vm = new Vue({

data:data

})

vm.a == data.a;

vm.a=2

data.a// =>2

data 里的数据改变是,视图就会跟着改变,,,,,,,只有在实例后的data数据中的属性值才是相应式的

解决方法 :  可以为自己可能会使用的数据设定默认初始值

2.  除了 data 属性， Vue 实例暴露了一些有用的实例属性与方法。它们都有前缀$，以便与用户定义的属性区分开来。例如：

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 (newValue, oldValue) {

// 这个回调将在 `vm.a` 改变后调用

})