vuejsLearn--- -- 怎么查看、修改、追加数据---->data对象
2016-06-28 14:27
1066 查看
实例观察的数据对象。可以用一个新的对象替换。实例代理了它的数据对象的属
我们现在对data2添加几项
使用数组push()追加
但是直接这样不能进行数组操作
我们改造一下把city的值变成数组形式
此时看一下绑定数据的页面也是更新了追加内容
由此可得出,我们动态追加上去的东西也会绑定渲染到页面上
Vue添加(执行)函数
在methods参数下定义要执行的函数
实例方法。实例可以直接访问这些方法,也可以用在指令表达式内
还可以使用jQuery点击一个元素之后执行
我们现在对data2添加几项
使用数组push()追加
但是直接这样不能进行数组操作
var data2 = { city: '上海' }
我们改造一下把city的值变成数组形式
var data2 = { city: ['上海'] }
此时看一下绑定数据的页面也是更新了追加内容
由此可得出,我们动态追加上去的东西也会绑定渲染到页面上
var data2 = { city: ['上海'] }var vm2 = new Vue({
el: '#example2',
data: data2,
methods: {
alertPop: function () {
alert("dd")
},
add: function () {
this.push({ city: "升水" })
}
}
});
console.log("1:" + vm2.city);
var _items = ["Shanghai", "Beijing", "Hefei", "Shengyang", "Haikou"];
for (i = 0; i < _items.length; i++) {
vm2.city.push(_items[i]);
}
console.log("2:" + vm2.city);
Vue添加(执行)函数
在methods参数下定义要执行的函数
实例方法。实例可以直接访问这些方法,也可以用在指令表达式内
还可以使用jQuery点击一个元素之后执行
var vm2 = new Vue({ el: '#example2', data: data2, methods: { alertPop: function () { alert("dd") } } }); console.log(vm2.$data2); vm2.alertPop(); $("#example2").on("click", function () { vm2.alertPop(); })
相关文章推荐
- UITableview顶部视图缩放效果
- UITextField的leftView属性
- iOS-改变UITextField的占位文字颜色(三种)
- [LC357]Count Numbers with Unique Digits
- liger UI tree DATA添加值
- Integer 的valueof() and praseInt()区别
- 点击UITableViewCell 来回切换内容
- Android学习笔记十之Android基础UI一
- mybatis Result Maps collection already contains value for com.ebways.dictionary.dao.impl.PtInfoDaoImpl.beanMap
- [LC347] Top K Frequent Elements
- .Net 下 百度 富文本框 Ueditor 的 使用
- 常用的图片处理框架UIL、Picasso、Glide、Fresco、Volley ImageLoader比较分析
- MySQL添加新用户 出现mysql]ERROR 1364 (HY000): Field 'ssl_cipher' doesn't have a default value
- emulator: ERROR: x86 emulation currently requires hardware acceleration!Please ensure Intel HAXM is
- fuel: 安装onos的两种节点选择方式
- 用PredicateBuilder实现Linq动态拼接查询
- Deprecated: Assigning the return value of new by reference is deprecated in……【解决方法】
- iOS中UIKit的外观属性及方法汇总
- iOS中UIKit的外观属性及方法汇总
- iOS UITableView的分割线短15像素,移动到最左边的方法(iOS8)