在這個單元我們使用官網的教學搭配Vue的框架，STEP BY STEP的撰寫Component及Stories。 Setup Vue Storybook 官網教...
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-09-14
前言 昨天介紹了V-bind用法，今天我們就來介紹v-for吧！本文同步發表於Andy's Blog 參考資料：官網v-for介紹練習檔案 V-for 用途：...
混入(mixin)似乎也是個初學 Vue 比較少被用到的功能，但還是照順序的了解一下。 基礎運用 在模組中如果有重複出現的模組 option 內容，就可以透過...
嚴格模式 Strict Mode 開啟嚴格模式只需要在建立 store 時傳入 strict: true 。 const store = new Vuex.S...
Decorators Decorator是一種設計模式，把要被裝飾的Story當做參數，傳入裝飾器中，Decorator可以幫Story加上額外的資訊，賦予給S...
今天，就當閒話家常，待我娓娓道來 UI Framework & Design Spec Ant Design, Material Design,...
延續上篇最後提到 Webpack 設置了別名「@」來取代路徑「/src」，然而在模版語法中，「@」則是另外的用途，因此一開始先分辨清楚各自的定義，之後就能運用自...
序 大家好，這篇開始就開始來談後端表單常用到的元件吧～ 原本的旅遊系列再來的頁面都是以layout為主 但是quasar的layout元件也差不多介紹完了 才發...
早期Laravel有一個 Laravel/ui 的套件，有內建一個基本的會員註冊登入系統，很多教學者也以此為宣傳，告訴大家 laravel 用來建立會員系統有多...
20:00 首播，建議播放速度 x1.2 Vite 怎麼唸？ 不是 Vue 可以用 Vite 嗎？(Getting Started） Vite 為什麼它...
超緊繃!30天Vue.js學習日記 指令V集合! 大家好,我今天要帶來的是:指令(directives)的介紹,在vue中,指令帶有 v- 的前綴特性,其功能...
這一篇說實在的，現在的我還不能寫出有用的插件，所以這一篇筆記主要也是學習使用別人寫好的插件。 使用插件 Vue.use('PluginName', { //...
以下列出，啟動或是建置 Storybook 時，有哪些可以使用的 CLI Options。 start-storybook 啟動 Storybook Usage...
本篇以 Vue CLI 開始這一回合。 Vue CLI 提供快速建置的開發環境，使用者只需透過簡易設定選擇組隊工具，之後再輸入指令便能操作基本的運行功能；如此主...
選項元件直接打包一次做好Option Group Option Group 有時候要做一堆選項，是不是覺得要複製一大堆radio、checkbox很煩呢，所以我...
昨天我們說到前期的建置專案和測試留下了不少缺失，今天來把這些問題都處理一下；當然，這種作業不會一次到位，所以在開發專案時要每隔一段時間就檢視一下有沒有更好的做法...
本文同步刊載於Andy's Blog 前言 昨天介紹了props.sync方法，今天我們來介紹另外一種元件的溝通方式。event bus(老司機XD)。 開...
tags: Vuejs 組件間的傳遞數據的方法 ✐ 在 Vue 之中，組件之間的數據並不共用，換句話說，組件之間若是需要傳遞數據，需要透過幾種方式進行： 以下列...
Props down, Event up ✐ Prop 是數據由父組件向子組件流動的 單向數據流，也就代表子組件無法透過 Prop 更改父組件的數據（注意，盡量...
簡單的單選元件 Radio Radio Quasar的Radio元件跟其他表單輸入元件的基本屬性都大同小異 一樣也可以用QFiled把它包裝起來哦 引入元件 f...
繼上篇觀察整個專案資料夾結構之後，接著來觀察子層 components 資料夾裡的 HelloWorld.vue 和父層 views 資料夾裡的 Home.vu...
DocsPage 介紹 Storybook Docs 是預設的 Addons，不需要做設定就可以使用。它可以整合元件裡的Stories、文字描述、程式註解、參數...
tags: Vuejs Vue reactivity system ✐ Vue 引入 data-driven view 的概念，一旦改動 data，與之相對應的...
Naming components 修改一下Story檔案，對應於Component的Title名稱(default export區塊)，就會發現Sidebar...
今天的練習基本上跟前一篇非常類似，不過就只是將主角從 React 換成了 Vue ，大體上沒有太大的改變。 但是魔鬼藏在細節裡，且為了不是每天文章都會仔細閱讀的...
定義路由 首先先來定義路由，先把上一篇寫的 home.vue 定義在根路由。 打開 src/router/index.ts，在 routes 內定義 {...
最近看到了一個廣告讓我很心動~ iT邦第12屆鐵人賽要開始拉~~~好興奮阿!!我應該會報名吧~不過還沒想好主題就是了~ 請各位多多指教囉 接著進入今天的正題~...
Hi Dai Gei Ho~ 我是Winnie ~ 目前是一位前端工程師，目標是可以 持續在做自己喜歡的事。如果對於我還有一絲好奇的捧油可以看看 這篇文章 在...
tags: Vuejs TL;DR ✐ 要了解 Vue 的簡短歷史，筆者推薦可以自這部由 Honeypot 在 2020.02.24 發布的 Vue.js: T...
lala_lee_jobs
chunwen
Celeste
Nomi Su
Casio
Teen
RenZhou
mackliu
pjchender
EN
RURU Tseng
Leo
哲嘉 (Zhe-Jia)
Winnie Wu
iThome鐵人賽
看影片追技術