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 @   被占用的小海海  阅读(4)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示