vue 列表渲染双向绑定
来源:互联网 发布:知天下资源吧账号分享 编辑:程序博客网 时间:2024/04/28 09:33
<template>
<div>
<ul>
<li v-for="(item,index) in list" >{{item.name}}-{{item.age}}-{{index}}</li>
</ul>
<button v-on:click="additem">additem</button>
</div>
</template>
<script>
//import componenta from './components/a'
export default {
/*components :{
componenta: componenta
},*/
data(){
return{
hello: 'world',
list:[
{
name:"mike",
age:18
}
]
}},
methods: {
additem (){
this.list.push({
name:"cwy",
age:18
})
}
}
<div>
<ul>
<li v-for="(item,index) in list" >{{item.name}}-{{item.age}}-{{index}}</li>
</ul>
<button v-on:click="additem">additem</button>
</div>
</template>
<script>
//import componenta from './components/a'
export default {
/*components :{
componenta: componenta
},*/
data(){
return{
hello: 'world',
list:[
{
name:"mike",
age:18
}
]
}},
methods: {
additem (){
this.list.push({
name:"cwy",
age:18
})
}
}
}
push可以触发数组更新,直接赋值和改变长度不可以
改变数组某一项;
import Vue from 'vue'
Vue.set(this.list,1,{
name:'123',
age:11
})
阅读全文
0 0
- vue 列表渲染双向绑定
- Vue渲染原理及其双向数据绑定详解
- vue双向绑定解析
- Vue--数据双向绑定
- vue双向绑定
- vue双向绑定原理
- Vue双向数据绑定
- VUE双向绑定实现
- Vuejs——(1)入门(单向绑定、双向绑定、列表渲染、响应函数)
- Vuejs——(1)入门(单向绑定、双向绑定、列表渲染、响应函数)
- Vuejs——(1)入门(单向绑定、双向绑定、列表渲染、响应函数)
- vue双向数据绑定原理
- vue.js双向数据绑定
- vue.js双向绑定基础
- Vue 双向数据绑定原理
- Vue:实现双向数据绑定
- vue 2.0 数据双向绑定
- Vue的列表的渲染
- hdu2202 凸包+旋转卡壳
- 集合嵌套if语句的时候会有多余的输出解决办法
- 输入挂终极升级版
- Top K Frequent Elements问题及解法
- 待定
- vue 列表渲染双向绑定
- 【字符串处理】HDU6144 Arithmetic of Bomb
- 集训第二十五天(2017/8/24):树状数组&团队赛
- Ubuntu 16.04配置NFS
- 【深入PHP 面向对象】读书笔记(六)
- Rxjava2从入门到源码(二)
- MongoDB学习笔记
- Tomcat启动一闪而过--JRE-HOME配置
- [压位DP]Hdu 6149——Valley Numer II