vue中set基本用法
阿新 • • 發佈:2018-11-16
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue中set方法</title> <script src="./vue.js"></script> </head> <body> <div id="app"> <!--<div v-for="(item,key,index) of userInfo">--> <!--{{item}}---{{key}}---{{index}}--> <!--</div> <!–對物件進行迴圈–> --> <div v-for="(item,index) of userInfo1"> {{item}} </div> <!--對陣列進行迴圈--> </div> <script> var vm = new Vue({ el:"#app", data:{ // userInfo:{ // name:'alex', // age:'27',// gender:'male', // salary:'secret' // } userInfo1:[1,2,3,4] } }) </script> </body> </html> <!-- Vue.set(vm.userInfo,'address','beijing') 此時就是在不改變地址引用 就可以直接改變資料 並且渲染在頁面上 vm.$set(vm.userInfo,'address','beijing') 也可以實現一樣的效果 對於列表 上述兩種set用法都可以實現改變資料 渲染在網頁上 Vue.set(vm.userInfo,1,5) vm.$set(vm.userInfo,2,10) -->