vue與自定義元素的關係

2021-07-27 17:27:45 字數 330 閱讀 8033

你可能已經注意到 vue.js 元件非常類似於自定義元素——它是 web 元件規範的一部分。實際上 vue.js 的元件語法參考了該規範。例如 vue 元件實現了 slot api 與is特性。但是,有幾個關鍵的不同:

web 元件規範仍然遠未完成,並且沒有瀏覽器實現。相比之下,vue.js 元件不需要任何補丁,並且在所有支援的瀏覽器(ie9 及更高版本)之下表現一致。必要時,vue.js 元件也可以放在原生自定義元素之內。

vue.js 元件提供了原生自定義元素所不具備的一些重要功能,比如元件間的資料流,自定義事件系統,以及動態的、帶特效的元件替換。

vue與自定義元素的關係

你可能已經注意到 vue.js 元件非常類似於自定義元素 它是 web 元件規範的一部分。實際上 vue.js 的元件語法參考了該規範。例如 vue 元件實現了 slot api 與is特性。但是,有幾個關鍵的不同 web 元件規範仍然遠未完成,並且沒有瀏覽器實現。相比之下,vue.js 元件不需要...

自定義元素

自定義元素白名單 vue3中自定義元素檢測發生在模板編譯時,如果要新增一些vue之外的自定義元素,需要在編譯器選項中設定iscustomelement選項 使用vue cli構建工具時,模板都會用vue loader預編譯,設定它提供的compileroptions選項 vue.config.js ...

vue的自定義指令與例項

寫這篇的原因 於面試題,具體內容可參考官方文件 vue 除了核心功能缺省內置的指令 v if,v model,v show 之外,還可以自定義自己需要的指令進行復用,對普通 dom 元素進行底層操作 你可以註冊全域性指令 vue.directive id,function el,binding 這個...