vue基础（1.路由）

vue主要包括的内容（框架）:

    vue3项目中如何配置路由、

    动态路由、

    动态路由切换时的特点、

    状态管理库vuex、

    vue3合成API----setup（）

 

一、vue3项目中如何配置路由

1.下载vue-router，在路由文件中引入相关依赖

2.创建路由信息对象数组

3.创建路由管理器对象并对外抛出

4.在main.js使用use（router）方法，将路由管理器对象与当前vue项目相关联

5.在项目中设置路由导航router-link与路由出口router-view

二、动态路由

动态路由的定义:

一个路径参数使用冒号标记

可以在一个路由中设置多段路径参数

动态路由的传参:

1.  params传参:

传输参数:

 

接收参数:

 

2.  props传参:

①定义动态路由（props值为布尔值时）:

 

传输参数:与params方式相同

接收参数:

 

②定义动态路由（props值为函数时）:

定义动态路由:

 

传输参数:

 

接收参数:

 

三、动态路由切换时的特点

动态路由当路由发生切换时，并不会重新渲染路由组件，而会使用已经渲染过的路由组件(只是会修改路由参数值)，这样增加了程序的高效及时性;

另一方面，组件的生命周期钩子回调函数将不会再次调用。