關於vue的元件的封裝和插槽的使用

2021-10-23 13:15:02 字數 388 閱讀 3552

最近專案上線需要附帶監控系統,來完成對上線專案的的應用監控,交易成交監控,檔案傳輸監控,交易排行,地圖顯示等等一系列的監控資料展示和預警

後台監控整體流程介紹

元件的設計主要是為了復用多個圖表,依據不同的引數展示對應的資料情況

2 下面主要介紹vue關於元件的應用介紹

在使用元件的時候,主要考慮業務的需求和實際的情況相結合,在設計的時候我們就把需要復用的東西進行

元件化封裝,大體架構先搭建,然後一步一步細化,這樣可以為後期我們的開發避免很多的彎路

Vue 元件的插槽

元件的插槽 示例 p 總消費量 p tan v bind name name v on tank add 可以為插槽起名 span slot haha 哈哈哈!span span slot heihei 嘿嘿嘿!span tan 第二種替換方式 tan v bind name name v on t...

vue 元件的封裝

首先封裝元件的需求肯定是多個地方要用到同乙個東西,他們都有公共的地方,vue的封裝 簡單來說就是將公共引數封裝起來 然後在需要的地方引入 子元件封裝 background background align right current change currentchange size change ...

vue元件中的插槽使用

vue 2.6.0之後採用全新v slot語法取代之前的slot slot scope 插槽的目的是讓元件能後更好的進行擴充套件,使用起來更靈活故而言之就是插槽指定名稱,預設為default comp div parent hello comp 渲染出來的結果為 hello 也就是將slot的標籤包...