vue的watch监听
watch监听:在vue中,使用watch来响应数据的变化。watch监听分为浅监听和深监听。
**浅监听:**监听是简单的数据类型:数字,布尔值,字符串,普通数组
语法格式:
设有两个参数,一个是新的数据,一个是旧的数据
watch:{
//写法1
被监听的变量名称:function ( newVal , oldVal ) {
执行的程序
},
//写法2
被监听的变量名称 ( newVal , oldVal ) {
执行的程序
}
}
<div id="app">
<!-- 点击按钮时,在数据包中追加一条数据 -->
<button @click="handleAdd">浅监听演示</button>
<p v-for="(item,index) in stu">
姓名:{
{item.name}},
分数:{
{item.score}}
</p>
</div>
<script>
new Vue({