<!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)
-->
