数组和对象的检测
<body>
<div id="app">
<p v-for="(item,index) in arr" :key="index">{{item}}</p><hr/>
<p v-for="item in obj">{{item}}</p>
<button @click="change">点击修改</button>
</div>
</body>
<script type="module">
import {createApp} from './js/vue.esm-browser.js';
createApp({
data(){
return{
arr:['草船借箭','蒋干盗书','赤壁之战'],
obj:{
name:'周瑜',
job:'大都督',
}
}
},
methods:{
change(){
this.arr[0]='借东风';
// this.obj.job='法师';
this.obj.eat='米饭';
}
}
}).mount('#app');
</script>