vue2.0-2

目录

1、动态组件

1.1动态渲染

​编辑

​编辑

1.2keep-alive对应的生命周期函数

​编辑

1.2.1生命周期和组件激活、缓存

​编辑

1.2.2keep-alive的include和exclude属性

 2、插槽

2.1slot和v-slot（#）指令的使用

 2.1.1后备内容

2.2具名插槽

 2.3作用域插槽

3、自定义指令

3.1私有自定义指令

 3.2全局自定义指令

4、把axios挂载原型链上并配置请求根路径

5.路由

 5.1vue-router的基本使用

5.1.1、创建路由模块：vue.use就是安装插件

5.1.2、 导入路由并进行挂载

5.1.3、 路由的基本使用

5.1.4、路由重定向

 5.2、嵌套路由

 5.3、默认子路由

​编辑

 5.4、动态路由匹配

5.5、编程式导航跳转--push、replace、go

 5.6、导航守卫

 5.6.1、全局前置守卫

---

1、动态组件

1.1动态渲染

1.2keep-alive对应的生命周期函数

1.2.1生命周期和组件激活、缓存

1.2.2keep-alive的include和exclude属性

 2、插槽

2.1slot和v-slot（#）指令的使用

 2.1.1后备内容

当app未添加内容时，left的后备内容就会展现出来

2.2具名插槽

给插槽具体名字，方便app用

 2.3作用域插槽

具名插槽下添加属性叫作用域插槽

 作用域插槽结构赋值

3、自定义指令

3.1私有自定义指令

bind：指令第一次触发绑定到元素上时候，立即触发

 使用：

v-color固定用法，在定义的color使用的时候前面加一个v-

 update（DOM更新时候触发这个函数）

 

 简写：

 3.2全局自定义指令

4、把axios挂载原型链上并配置请求根路径

5.路由

 

 5.1vue-router的基本使用

5.1.1、创建路由模块：vue.use就是安装插件

5.1.2、 导入路由并进行挂载

5.1.3、 路由的基本使用

1、创建hash--a所对应的#后面的值，点击即可改变hash值，router-link可以代替a链接

 2、创建hash所对应的组件

 3、创建hash和组件得到对应关系的路由--路由表

 4、创建完成后挂载路由，最后在app-2上写一个路由出口

5.1.4、路由重定向

 5.2、嵌套路由

 5.3、默认子路由

 5.4、动态路由匹配

 参数对象：$route

 

 使用：

 为路由规则开启传参模式（

5.5、编程式导航跳转--push、replace、go

-1：往后后退一层

前进后退的另一种方法：

用法;

 5.6、导航守卫

 5.6.1、全局前置守卫

只要发生路由跳转，必然触发beforeEach指定的回调函数