VueJS构造器:new Vue({})

2021-07-10 07:04

阅读：544

标签：element bsp style amp 函数 logs 改变区分 cti

构造器

每个 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
// 设置属性也会影响到原始数据
vm.a = 2
data.a // -> 2
// ... 反之亦然
data.a = 3
vm.a // -> 3

除了 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`  改变后调用
})

VueJS构造器:new Vue({})

标签：element bsp style amp 函数 logs 改变区分 cti

原文地址：http://www.cnblogs.com/boonya/p/7090588.html

上一篇：php 实现301重定向跳转实例代码

下一篇：多行文本省略号的实现.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：VueJS构造器:new Vue({})
文章链接：http://soscw.com/index.php/essay/103115.html

亲，登录后才可以留言！

VueJS构造器:new Vue({})

评论

热门文章

推荐文章

最新文章

置顶文章