Vue
含有「Vue」共 41 篇內容
全部內容
發佈日期由新至舊
先前提到 Quasar 的 Dialog Plugin 很好用，再讓我補充一個用法。
各位使用 Vue.js 開發的小夥伴們，你們都怎麼實作父子層組件資料的雙向綁定呢？如果你還在寫 prop + emit 的話，不妨進來看看吧。
Quasar Dialog 的 Invoking custom component 很好用，但是有些困擾的地方，一起來看看有甚麼辦法吧。
切換頁面卡卡有很多種原因，這裡舉的例子只針對元件太大的情境。
除了想辦法拆分外，還有一個方法就是利用 Vue 的 Async Component。
有時候使用 Pinia 會遇到資料意外變更問題，這其實不是鳳梨的錯，讓我們看看怎麼回事吧。( ´ ▽ ` )ﾉ
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
}
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令，而這次我們可以依這自己的需求來建立。
此功能屬於較進階的功能，因此實戰中會比較少見，市面上還是有不少完善的套件能達到同樣效果，建議可以先往這方面察找
我們在實作中，難免會遇到在不同組件中，卻有需求相同的資料格式，因此 mixins 可以達到我們的需求，除了 data 以外也包含了 methods 可以共用，舉例來說，學生資料可能會在，班級跟社團內被使用，當我們要撰寫元件時，就可以省略多餘的 data 定義。
<template>
<div id="charge">
<el-card class="box-card">
<ul class="msg-box">
<li>
<h4>充值</h4>
</li>
<li>
<template>
<div id="queryAcc">
<!-- 由於Element-UI官方支援的ICON圖標比較少，這裡我們自訂一個貨幣圖標-->
<i class="el-icon-xxx"/><br/>
<div>
<span>金額</span>