目錄1. vue 檔案中， template 標籤內必須用 「乙個根div」 包裹，且此 div 和 template 之間不得有注釋
2. 使用元件庫元件的步驟：① 執行安裝命令 ② 在需要使用該元件的頁面中，匯入元件依賴及樣式檔案 ③ 宣告引入元件
3. 在自定義元件上使用時，應該是響應式的，sunicon: require('@/assets/.../***.svg').default，需要通過忽略一行 eslint檢測，解決報錯
4. 給子元件傳入值（陣列型別），應在繫結屬性之前加冒號，否則相關屬性值會被解析成字串，而不是陣列
5. 自定義元件繫結的屬性中，在 height 前加了冒號，依然無法設定高度的原因：雙引號中還需要 加入單引號：:height=" '30px' "
6. 在 中引用，可以採用 ../ 這種形式，引用的路徑需要加單引號（防止安全問題）
7. 修改 tooltip，可以把 params 列印出來，進行處理
8. 指定 element-plus下拉框元件寬度 的三種方式
9. element-plus 中，單選按鈕必須繫結 v-model 才能實現單選效果，否則選中後無法取消選中
// 甜甜圈餅圖import tchartpiedoughnutdata from '@p-base/chart-pie-doughnut-data';
import '@p-base/chart-pie-doughnut-data/dist/cjs/index.css';
export default definecomponent(
components: , ...
// 元件中使用的，應該是響應式的
const state = reactive();
return
// 旋轉中心、// 旋轉的圈
// 固定的小方塊
// 旋轉中心
.chart-center
// 固定的小方塊
.chart-center-icon
// 旋轉動畫
@keyframes turn
...100%
}}
// 柱形資料
const chartdata: any = [
[ // 背景
},},
},], [ // 資料
},},
},]];
// 原生配置修改 tooltip
tooltip:
`; // 對處理過的 params，即 newparams 進行處理
newparams.foreach((item: any) => ：$個
`; });
return `$
`; },
},
可以在元件外層包裹 div，指定 外層div 的大小，進而限制內部元件的大小
也可以修改 內部元件本身 的大小
還可以通過 el-row 柵格系統，限制內部元件的大小
// 外層 div 包裹，限制內部下拉框的寬度，也可以換成柵格系統限制const state = reactive(],
// 下拉框當前選中值 - 年份（雙向繫結值）
selectyearvalue: 'aaa',
});return
const state = reactive();
return
Vue3學習日記 一 使用Vite搭建專案
vite 法語單詞 fast 發音為 vit 是由vue作者尤雨溪開發的一種新型的前端構建工具，可顯著改善前端開發體驗。vite 現在的版本是2.0 beta，它預設建立的就是vue3.0的專案，詳細大家可以去github或官網進行了解 為什麼要使用vite來搭建vue3專案呢？因為它很快 等下你就...
vue3建立專案（系列一）
1.vue3.0 快速上手 建立vue3的3種方式 vue cli webpack vite 我用 vite 尤自創的方案 2.什麼是vite?vite是vue作者開發的一款意圖取代webpack的工具 其實現原理是利用es6的import會傳送請求去載入檔案的特性,攔截這些請求,做一些預編譯,省去...
Vue3設定404頁面
這幾天在用vue3寫點小專案遇到了一些坑！路由的404方式變了 只顧著看vue3核心文件，寫404的時候發現原來的 的配置方法在vue3裡面已經不適用了。官方文件建議使用如下 setup裡面獲取上下文呼叫 router.push等方法一些環境下報錯。雖然不知道為什麼，但是官方文件已經給出了在setu...