----動態組件(vue2vue3通用)
<component :is="...">
?的作用
<component>
?是 Vue 的內置組件,用于動態渲染其他組件。:is
?屬性?用于指定要渲染的組件。它的值可以是:- 組件的名稱(字符串)。
- 組件對象(直接引用組件)。
示例代碼:
//item.component為導入的組件
<component :is="getComponent(item.component)"></component>
----組件庫的操作使用(vue2vue3通用)
自定義樣式的時候要跟隨著開發者工具的調試面板來,一個一個查看當前組件庫添加了什么標簽以及樣式進去
如(左側html標簽和右側css樣式):