1. 程式人生 > 實用技巧 >Vue 中怎麼自定義指令, Vue 中怎麼自定義過濾器, NextTick 是做什麼的,Vue 如何去除url中的,computed 和事件 methods 有什麼區別

Vue 中怎麼自定義指令, Vue 中怎麼自定義過濾器, NextTick 是做什麼的,Vue 如何去除url中的,computed 和事件 methods 有什麼區別

全域性註冊

區域性註冊

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 呼叫總會執行該函式

vue如何獲取dom?