vue核心指令 插槽

vue除了核心指令外，允许我们自定义指令，对底层dom元素进行操作

分为全局的和局部的：
    
语法：
全局的 main.js
        Vue.directive('名称',{
            bind
            inserted
            update
            componentUpdated
            unbind    
        })
局部的 单个页面js内 和data同一层
     deirectives: {
             名称: {}
     }

默认的插槽
    <组件> 内容 </组件>
    
    子组件 
        <slot></slot>
具名插槽
        <组件> 
        <template v-slot：名字>
            内容
        </template>
    </组件>
    
    子组件 
        <slot name="名字"></slot>
作用域插槽 子组件可以向父组件传值
<组件> 
        <template v-slot：名字=“变量名”>
            内容
        </template>
    </组件>
    
    子组件 
        <slot name="名字" a="1" b="2"></slot>