vue-day5

1.自定义指令

directives（函数方式，对象方式） ：自定义元素指令

1.1 基础语法

（1）

（2）

  directives:{
    color:{
      // inserted函数 是在元素被添加到页面时 触发
      inserted(el,hinding){
        // console.log(el,hinding.value);
        el.style.color=hinding.value
      },
      // update函数 是对其进行修改时触发
      update(el,hinding){
        el.style.color=hinding.value
      }
    }
  }

1.2 封装v-loading

2.插槽

2.1 默认插槽

2.2 插槽-默认内容

2.3 具名插槽

v-slot: head -> #head

2.4 作用域插槽 ★

子传父的一个方法

3.路由的基本使用

4. 组件分类

1. 页面组件
   views文件夹 -> 配合路由
2. 复用组件
   components文件夹 -> 封装复用
   分类目的：便于维护