学习day50

自定义指令总结：

          一：定义语法：

            (1)局部指令：              

               new Vue({                            

                directives{指令名，配置对象}  

               })

               或

               new Vue({

                directives{指令名，回调函数}

               })

            (2)全局对象

               Vue.directives(指令名，配置对象)

               或

               Vue.directives(指令名，回调函数)

          二：配置对象中常用的三个回调

              (1)bind:指令与元素成功绑定时的调用

              (2)inserted：指令所在元素被插入页面时的调用

              (3)update:指令所在模板结构被重新解析时调用

          三：备注

              1.指令定义时不加v-，但使用时要加v-

              2.指令名如果是多个单词，要使用kebab-case命名方式，不要用驼峰

    
    
    


    
    

        
当前n值是：
        
方法十倍后的n值是：
        点我n+1
        

        
    
    

生命周期：

          1.又名：生命周期回调函数，生命周期函数，生命周期钩子

          2.是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数

          3.生命周期函数名字不可更改，但是函数的具体内容是程序员根据需求编写的

          4.生命周期函数中的this指向的是vm或组件实例函数

    
    
    


    
    

        
欢迎学习Vue

    
    

生命周期流程图

    
    
    


    

        

        
当前的n值是：{{n}}
        点我n+1
        点我销毁vm
    
    

常用的生命周期钩子：

          1.mounted：发生ajax请求，启动定时器，绑定自定义事件，订阅消息等【初始化操作】

          2.beforeDestroy：清除定时器，解绑自定义事件，取消订阅消息等【首位工作】

        关于销毁Vue实例

          1.销毁后借助Vue开发者工具看不到任何信息

          2.销毁后自定义事件会失效，但原生DOM事件仍然有效

          3.一般不会在bedoreDestroy操作数据，因为即便操作数据，也不会再触发更新流程

    
    
    


    
   
    

        
欢迎学习Vue
        透明度设置为一
        点我停止变换
    
    

组件

Vue使用组件的三大步骤：

          1.定义组件（创建组件）

          2.注册组件

          3.使用组件（写组件标签）

        1.如何定义一个组件？

          使用Vue.extend(options)创建，其中options和new Vue(options)传入的哪个options几乎一样，但是也有区别

          区别如下：

              1.el不要写，为什么？ --最终组件都要经过一个vm的管理，由vm中的el绝对服务哪个容器

              2.data必须写成函数，为什么？ --避免组件被复用，数据存在引用关系

          备注：使用template可以配置组件结构

        2.如何注册组件？

          1.局部注册：考new Vue的时候传入components选项

          2.全局注册：考Vue.component('组件名'，组件)

        3.编写组件标签