Vue修炼

我们花了两节介绍了全局导航守卫、组件导航守卫的含义与用法。本节我们从源码的角度去解析一下导航守卫，加深对导航守卫的理解。

上节我们介绍了全局导航守卫的用法与使用场景，全局默认对所有路由都生效，如果我们想要对某个组件进行拦截操作就需要使用组件导航守卫，本节就来看一下组件守卫。

上节我们解析了路由传参过程的源码，跟前面几节结合一下，相当于把路由导航的全过程简单分析了一下。除了在导航组件内做操作，我们还能在路由导致跳转前后执行某些操作，此时就需要借助导航守卫，本节就来学习下。

我们知道传参的方法，通过router添加参数，利用route接收参数，但其中过程我们就不得而知了，本节我们就来解析一下路由传参过程。

上节介绍了路由组件传参，通过props属性达到传参的目的，如何获取参数值呢？这时候就需要用到路由对象的属性，本节我们就来学习一下路由对象。

上节介绍了命名视图，梳理了一下视图、组件、路由三者之间的关系。开发过程中经常有组件之间的交互，这时候可以使用路由组件进行传参，本节就来介绍一下路由组件传参。

上节我们学习了命名路由name的含义，并且分析了源码如何从name定位到具体的页面，本节我们来学习一下与命名路由相似的命名视图。

上节介绍了编程式导航，了解了ts类型及底层源码，路由导航是通过path或name进行相关导航，path是路径，name则被称为命名路由，本节我们就来学习以下命名路由。

前面章节我们都是通过router-link进行路由之间的跳转，这种是声明式导航。但日常开发中我们需要从代码层面进行路由跳转，也就是编程式导航，本节我们就来学习一下。

前面我们提到过children属性，它是用来表示嵌套路由，本节就介绍了嵌套路由的写法，根据具体的实例帮助理解。

上节讲解了如何创建路由实例并注册使用，其中每个路由会有一个对应的组件，但是一个组件不一定只对应一个路由，本节讲解动态路由，看如何使多个路由匹配同一组件。

上节重点介绍了router-link与router-view这两个组件，本节介绍一下如何创建路由实例，根据具体案例帮助理解。

当我们使用vue-cli创建项目时，可以使用自带的vueui可视化创建项目，本节就来介绍vueui的使用。

复制是最常见的功能，本节介绍了在vue中如何实现复制功能。讲解了三种实现方法，并写了相关实例，轻轻松松实现复制功能。

最近碰到一个bug，有一个el-table页面加载的时候会出现行列错位的情况，本节从源码层面分析了以下doLayout方法。

vue开发中，有些时候我们需要根据某个值的变化去做对应的操作，也就是监听数值的变化，本文讲解了侦听数据两种函数——watch()与watchEffect()

前面我们学习了ref()等工具函数，vue中还有其他工具函数，在vue官方文档中属于进阶类的，本文讲解了几种进阶函数含义与用法。

在vue中父子组件通信方式有多种，但对于祖孙组件想要通信方便就要借助vuex或者依赖注入。下面我们来了解下依赖注入。

vue是SPA(单页面渲染)应用，页面之间的跳转是通过vue-router路由实现的，本文讲解了vue-router的两种模式。

vue中一大特点就是响应式数据更新，这是我们必须掌握的知识，对于vue响应式原理我们不仅要会在说出来，更重要的是掌握代码逻辑。