安裝 StandardJS 及 補充實用套件因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
} 2023 Vue直播班筆記 - 自訂義指令 directive平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。
此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找 2023 Vue直播班筆記 - Mixins 混合元件方法我們在實作中,難免會遇到在不同組件中,卻有需求相同的資料格式,因此 mixins 可以達到我們的需求,除了 data 以外也包含了 methods 可以共用,舉例來說,學生資料可能會在,班級跟社團內被使用,當我們要撰寫元件時,就可以省略多餘的 data 定義。 [Java Script][Vue.js]充值頁面
<template>
<div id="charge">
<el-card class="box-card">
<ul class="msg-box">
<li>
<h4>充值</h4>
</li>
<li>
[Java Script][Vue.js]顯示金額<template>
<div id="queryAcc">
<!-- 由於Element-UI官方支援的ICON圖標比較少,這裡我們自訂一個貨幣圖標-->
<i class="el-icon-xxx"/><br/>
<div>
<span>金額</span>