路由和token

一:路由导航守卫

白名单: 那些不需要token就可以直接访问的页面.

• router.beforeEach(回调(三个参数))
• 导肮守卫函数中,一定要调用next()
• includes:用来判断元素是否在数组中

二:路由跳转进度条

用插件: NProgress

https://github.com/rstacruz/nprogress

import NProgress from 'nprogress' // 引入一份进度条插件
import 'nprogress/nprogress.css' // 引入进度条样式
router.beforeEach((to, from, next) => {
  NProgress.start()

  // 省略其它 ... 
})
router.afterEach(() => {
  NProgress.done()
})

三：svg图标

图标使用svg，设置颜色需要使用svg标签的flii属性

四: .native事件修饰符

提问:

<my-com @click=“hClick”>
对于自定义的组件,如果添加@click,在我们点击这个组件,这个回调会执行吗?

**答:**不会!!

**原因:**自定