2020-10-29

今日知识点：

1、v-if  v-show    重点

    v-if    实现的原理：重新绘制dom元素  来控制标签元素的显示和隐藏

    v-show  实现的原理：设置行内样式display:none    ||  block

2、自定义指令

    全局===Vue.directive("自定义名称",对象【对象中有钩子函数】)

    局部===new  Vue({

        data:{},

        directives:{

            "自定义名称":对象【对象中有钩子函数】

        }

    })

3、过滤器    =======重点

    //Vue.filter(过滤器的名称,函数) 

    //  第一个参数 ：是要被过滤的数据

    //  第二个参数： 是调用过滤器传入的第一个参数

4、计算属性

    computed:{

        函数：()=>{

            特征：1、初次进入会立刻执行  2、有返回值

        }

    }

5、监听器

    watch：{

        data中的属性名,function(){}

        特征：1-初次进入不会立刻执行  2-只有监听的值发生改变才会执行

    }

    methods中的函数 和  computed中的函数的区别

        computed===函数会缓存，重复的操作不会让函数再次去被调用，直接从缓存中拿

        methods===会重复调用

    computed =====watch

        computed====特征：1、初次进入会立刻执行  2、有返回值

        watch======特征：1-初次进入不会立刻执行  2-只有监听的值发生改变才会执行