vue(七) vue进阶

目录

第一课：Vue方法、计算机属性及侦听器

一、数组变化侦测

方法1：变更方法

方法2：替换一个数组

 例子：小Demo:合并两个数组

二、计算属性

1.基础（不推荐）

2.使用计算属性来完成案例

3.使用函数的方式去完成

计算机属性缓存 vs 方法

三、侦听器

例子：

第二课：Vue的表单绑定

1. 基本的表单绑定

文本输入框绑定

2. 处理复选框和单选框

单选框绑定

 复选框绑定

 3. 处理下拉框

 4. 处理文本区域

 5. 动态表单和验证

6.总结

第三课：v-model修饰符

第一课：Vue方法、计算机属性及侦听器

一、数组变化侦测

假设我们写了一个数组，现在想让该数组中新增一条数据,那么如何去实现呢？

给出例子如下： 

<template>
    <h3>数组变化侦听</h3>
    <button @click="addListHandler">添加数据</button>
    <ul>
        <li v-for="(item,index) of names" :key="index">{{ item }}</li>
    </ul>
</template>
<script>
    export default{
        data(){
            return{
                names:['张三','李四','王五']
            }
        },
        methods:{
            addListHandler(){
                
            }
        }
    }
</script>