14 数组变化侦听

这节课讲的是 数组的变化的 两种情况
1.变更:可以自动更新UI

2.替换数组

<template></template>
<h3>数组变化侦听</h3>
<button @click="AddArrayList">数组添加元素</button>
<p v-for="(item,index) of array1,key=index">{{ item}}</p>
<script >
export default {
    data() {
        return {
            array1: [1, 2, 3],
            array2: [4, 5, 6]
        }
    },
    methods: {
        AddArrayList() {
            this.array1.push(1)
        }
    }
}
</script>
   
   
posted @ 2023-10-16 21:39  被占用的小海海  阅读(4)  评论(0编辑  收藏  举报