Vue 中怎麼自定義指令, Vue 中怎麼自定義過濾器, NextTick 是做什麼的,Vue 如何去除url中的,computed 和事件 methods 有什麼區別
阿新 • • 發佈:2020-08-17
全域性註冊
區域性註冊
Vue 中怎麼自定義過濾器
可以用全域性方法Vue.filter()
註冊一個自定義過濾器,它接收兩個引數:過濾器ID
和過濾器函式。過濾器函式以值為引數,返回轉換後的值
過濾器也同樣接受全域性註冊和區域性註冊
NextTick 是做什麼的
$nextTick
是在下次DOM
更新迴圈結束之後執行延遲迴調,在修改資料之後使用$nextTick
,則可以在回撥中獲取更新後的DOM
具體可參考官方文件 深入響應式原理
Vue 如何去除url中的
vue-router 預設使用 hash 模式,所以在路由載入的時候,專案中的 url 會自帶 #。如果不想使用 #, 可以使用 vue-router 的另一種模式 history
new Router({
mode: 'history',
routes: [ ]
})
需要注意的是,當我們啟用 history 模式的時候,由於我們的專案是一個單頁面應用,所以在路由跳轉的時候,就會出現訪問不到靜態資源而出現 404 的情況,這時候就需要服務端增加一個覆蓋所有情況的候選資源:如果 URL 匹配不到任何靜態資源,則應該返回同一個 index.html 頁面
計算屬性computed 和事件 methods 有什麼區別
我們可以將同一函式定義為一個 method
或者一個計算屬性。對於最終的結果,兩種方式是相同的
不同點:
computed: 計算屬性是基於它們的依賴進行快取的,只有在它的相關依賴發生改變時才會重新求值對於
method
,只要發生重新渲染,method
呼叫總會執行該函式