# 笔记
---
1. 问题：
```vue
Title
```
在这个代码中的NUM：{{ num }} 所表达的意思是什么呢？
答：是prop动作的一个属性参数
---
路由：当我们想要实现一个跳转的功能，我们可以通过路由来实现。
路由的格式：
```vue
import * as VueRouter from 'vue-router'
//注释；通常路由的路径是以一个对象的形式来进行跳转的。所以我们先定义一个变量来存放路径的对象。
const RoutesList = [
{
path: '路径名',
component: () => import('项目目录的view下面的视图组件。'),
hidden: false //这是设置这个路径在项目初始化后的状态。是一个不可见的，只有访问后才可见。
children: [
{
path: '路径名',
component: () => import('项目目录的view下面的视图组件。'),
hidden: false //这是设置这个路径在项目初始化后的状态，是一个不可见的，只有访问后才可见。
},
…… 可以多个对象【路径】。
]
},
…… 同理，这里也是可以多个对象【路径】。
]
```
使用方法；
在定义好上面的路径后，就可以将它注入到vue-router中了，然后把router抛出去，让其他文件可以访问。
随后，我们可以在其他的vue文件中导入router了。
然后开发请求。
根据官方文档来开发。
记录：
路由一次会记录一次。再次点击时会在此基础上进入深层的地址
---
## 路由跳转的方式
1. 通过`this.store.**`方式来将后端返回的值传递到后台的首页。
2. 随后弹出。
跳转的代码是通过`router-link`来实现。该代码是一个`a`标签的封装后的代码。其本质就是一个`a`标签。
我们可以在router实例文件中将其中的子组件的路径给添加上name的属性。
然后通过这个属性来进行路径匹配跳转，
> 路由传递参数的方式有两种：query 和 params。
这两种的传递参数的方法的最大区别是，query所传递的参数是不会随着界面刷新而丢失。相反的params则是不同。
但在you'ge
---
Vue 插件：
Axios 、element-UI、js-cookie、normalize、vue-router、Vuex