Spring Boot+Vue前後端分離商城實戰(九)Vue 全局 API

全局 API 是什麼

舉個比較好理解的例子,Vue 就好比一塊蛋糕,生命週期鉤子函數以及內部指令可以理解爲做蛋糕用的麪粉、糖、雞蛋等。而全局 API 就是裹在蛋糕外面的奶油,讓整個蛋糕(Vue)看起來更加美味。全局 API 的作用就是賦能 Vue 以更多的自由,大家可以更具自己項目的需求,通過全局 API 來製作出各種各樣的方法工具。

Vue.extend

Vue.extend 是什麼?

作爲全局 API 中的一員,在實際開發中很少會被用到,因爲相比我們經常使用的 Vue.componentVue.extend 在寫法上就會顯得比較繁瑣。但在一些比較特殊的場景下,Vue.extend + $mount 是我們需要去了解的。

自定義純標籤

假設我現在有個需求,在很多地方需要用到我的官網名稱,並且這個官網名稱還帶上 url 地址,可點擊跳轉到我的官網,在模板中,只需要寫一個 <official/> 就能展示。

讓我們來看看用 Vue.extend 怎麼去實現,新建 demo.html 代碼如下:

<!DOCTYPE html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章