全局 API 是什麼
舉個比較好理解的例子,Vue 就好比一塊蛋糕,生命週期鉤子函數以及內部指令可以理解爲做蛋糕用的麪粉、糖、雞蛋等。而全局 API 就是裹在蛋糕外面的奶油,讓整個蛋糕(Vue)看起來更加美味。全局 API 的作用就是賦能 Vue 以更多的自由,大家可以更具自己項目的需求,通過全局 API 來製作出各種各樣的方法工具。
Vue.extend
Vue.extend 是什麼?
作爲全局 API 中的一員,在實際開發中很少會被用到,因爲相比我們經常使用的 Vue.component
,Vue.extend
在寫法上就會顯得比較繁瑣。但在一些比較特殊的場景下,Vue.extend
+ $mount
是我們需要去了解的。
自定義純標籤
假設我現在有個需求,在很多地方需要用到我的官網名稱,並且這個官網名稱還帶上 url 地址,可點擊跳轉到我的官網,在模板中,只需要寫一個 <official/>
就能展示。
讓我們來看看用 Vue.extend
怎麼去實現,新建 demo.html 代碼如下:
<!DOCTYPE html>