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` 改变后调用

})

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容