首页 > 代码库 > 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({})
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。