计算属性，路由守卫

计算属性

数据依赖项发生改变之后会进行重新的计算

computed:{
    filteredList(){
        return this.list.filter((item)=>item.indexOf(this.key)>-1);
    }
}

路由守卫

router.beforeEach((to,from,next)=>{})

to :Route :即将要进入的目标 路由对象

from :Route :当导航正要离开的路由

next :Function ：一定要用该方法来resolve这个钩子，执行效果依赖next方法的调用参数。

next()：进行管道中的下一个钩子，如果全部钩子执行完了，则导航的状态就是confirmed(确认的)。

next(false): 终端当前的导航。如果浏览器的URL改变了，那么URL会重置到from路由对应的地址。

next(’/’)或者next({path:’/’})：跳转到一共不同的地址。当前的导航被中断，然后进行一个新的导航。可以向next传递任意位置对象，且允许设置诸如replace：true,name:"home"之类 的选项以及任何用在router-link的to prop 或 router.push中的选项。

next(error):如果传入next的参数是一个error实例，则导航会被终止且该错误会被传递给router.onError()注册过的回调。

vue.nextTick(function(){
	vm.$el.textContent === 'new message' //true
})

$nextTick() 返回一个 Promise 对象，所以可以使用新的 ES2017 async/await 语法完成相同的事情