這里我定義了一個(gè)列表數(shù)據(jù)，我將通過(guò)三個(gè)不同的按鈕來(lái)控制列表數(shù)據(jù)厨喂。
調(diào)用方法：Vue.set( target, key, value )
target：要更改的數(shù)據(jù)源(可以是對(duì)象或者數(shù)組)
key：要更改的具體數(shù)據(jù)
value ：重新賦的值
<!DOCTYPE html><html><headlang="en"><metacharset="UTF-8"><title></title></head><body><divid="app2"><pv-for="item in items":key="item.id">{{item.message}}</p><buttonclass="btn"@click="btn2Click()">動(dòng)態(tài)賦值</button>
<buttonclass="btn"@click="btn3Click()">為data新增屬性</button></div><scriptsrc="../../dist/vue.min.js"></script><script>var vm2=new Vue({ el:"#app2", data:{ items:[ {message:"Test one",id:"1"}, {message:"Test two",id:"2"}, {message:"Test three",id:"3"} ] }, methods:{ btn2Click:function(){ Vue.set(this.items,0,{message:"Change Test",id:'10'}) }, btn3Click:function(){ var itemLen=this.items.length; Vue.set(this.items,itemLen,{message:"Test add attr",id:itemLen}); } }});</script></body></html>
