首页 > 代码库 > VueJS构造器:new Vue({})

VueJS构造器:new Vue({})

构造器

每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例来启动的:

var vm = new Vue({  // 选项})


属性与方法

每个 Vue 实例都会代理其 data 对象里所有的属性:

var data = http://www.mamicode.com/{ a: 1 }var vm = new Vue({  data: data})vm.a === data.a // -> true// 设置属性也会影响到原始数据vm.a = 2data.a // -> 2// ... 反之亦然data.a = 3vm.a // -> 3


除了 data 属性, Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $,以便与代理的 data 属性区分。例如:

var data = http://www.mamicode.com/{ a: 1 }var vm = new Vue({  el: ‘#example‘,  data: data})vm.$data === data // -> truevm.$el === document.getElementById(‘example‘) // -> true// $watch 是一个实例方法vm.$watch(‘a‘, function (newVal, oldVal) {  // 这个回调将在 `vm.a`  改变后调用})

 

VueJS构造器:new Vue({})