Vue属性与方法
来源:互联网 发布:csol刀战优化 编辑:程序博客网 时间:2024/06/05 13:36
每个 Vue 实例都会代理其 data
对象里所有的属性:
var data = { 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 = { 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` 改变后调用})
注意,不要在实例属性或者回调函数中(如
vm.$watch('a', newVal => this.myMethod())
)使用箭头函数。因为箭头函数绑定父级上下文,所以 this
不会像预想的一样是 Vue 实例,而是 this.myMethod
未被定义。阅读全文
0 0
- vue-属性与方法
- Vue属性与方法
- vue笔记---属性与方法
- vue.js基础-属性与方法和实例生命周期
- Vue 实例--属性、方法、生命周期
- Vue过滤器与计算属性
- Vue方法与事件
- Vue 实例暴露了一些有用的实例属性与方法
- vue计算属性的使用和vue实例的方法
- vue中属性动态绑定数据方法
- Vue.js的几个简单属性方法
- Vue- 组件与props属性的用法
- vue属性
- Recordset属性与方法
- JS属性与方法
- Ruby属性与方法
- UINavigationController属性与方法
- 类属性与方法
- 一个基础的多线程问题,记录学习多线程
- echarts折线图实线加虚线
- cout << s.c_str() << endl;和cout << s << endl;的区别
- express res.sendFile absolute path
- iOS 获取指定日期的时间(年、月、日、星期、时、分、秒等)
- Vue属性与方法
- socket编程(一)
- C++之强制转换运算符[转]
- RecyclerView学习笔记(1) ChildHelper.Bucket
- Tomcat的目录结构详细介绍(超全)
- python中字典按键或键值排序
- springmc采用.jpg为后缀名访问请求问题分析
- [LibreOJ β Round]ZQC的截图
- Scala基础—Map和Tuple操作示例