1004

計算屬性

資料依賴項發生改變之後會進行重新的計算

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 語法完成相同的事情