套件修改 - daniel-qa/Vue GitHub Wiki
套件修改
-
el 適用於最末端的元件開發，以減少調整時間，愈上層儘量用原生元件，避免樣式的污染。
-
所有的組件修改，組件為單位(.vue檔)，進行調整，運作正常再放入頁面，進行註冊及組件引入
-
非必要，不要套用太多 style class
-
element plus 一般有訂製選項，非必要不要自己刻
-
參考其他已成功的案例集
-
Computed(),在裡面包含 ref() 的變數有改變時，都會觸發，這點要特別注意，考慮狀態機的變化。
//由於所有關連到的 ref() 變數，都會觸發 Computed，要特別小心別呆。
// 如果在 computed 中修改其他响应式数据（如 ref），可能导致不可预期的副作用，违背 computed 的设计初衷。
// 在 watch 中修改其他 ref 变量是合理的，也是最常见的用法。
- 暫時隱藏，在元件中加入 (完全不會載入 DOM )
v-if="false"
justify-content: center; /* 水平居中子元素 */
align-items: center; /* 垂直置中 */
- flex: 1 用來讓元素占滿剩餘空間的屬性。
- 應用原則
要包最外層，大致版型，用 container
單純每一列上下排列，使用 el-row, 左右排列也是
展示独立的内容模塊，使用 card
複雜的資料內容，用 table
清單型的資料，用 list
聯級選單，使用 Cascader