今天來介紹 vue 的生命週期，什麼是生命週期呢？講簡單一點就是從你用瀏覽器打開網頁開始，到網頁內的元件一個一個生成，到整個完整的網頁建立的過程就叫生命週期，完...
v-bind v-bind 可以讓 template 內的標籤去綁定 script 內定義的變數，舉個例子 <template> <div...
定義路由 首先先來定義路由，先把上一篇寫的 home.vue 定義在根路由。 打開 src/router/index.ts，在 routes 內定義 {...
在寫頁面之前，先來介紹 Vue 頁面結構。 首先先在 src/components 底下建立一個 home.vue 跟寫一個 html 頁面很像，一樣是分成...
專案建好了，那先來講 Vue 的專案架構 詳細內容很多，所以我挑重點講 public index.html public/index.html 是 Vue 頁...
Hi Dai Gei Ho~ 我是Winnie ~ 在上篇文章中，我們已初步的了解 Extension 是什麼後，接著再今天內容我們要再深入一步探討關於 Ex...
前言 Vue 在過去的一兩年內快速發展，寫法也一直改變，我在過去一年多也更改了兩次寫法，這 30 天我將以最新的 composition api + types...
Hi Dai Gei Ho~ 我是Winnie ~ 目前是一位前端工程師，目標是可以 持續在做自己喜歡的事。如果對於我還有一絲好奇的捧油可以看看 這篇文章 在...
Vue 目前前端三大框架包含 facebook 開發的 React ,google 開發的 Angular，以及由 Evan You 開發的 Vue ，Vue...
【前言】本系列為個人前端學習之路的學習筆記，在過往的學習過程中累積了很多筆記，如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
完賽感言 不知不覺才沒有不知不覺，每天都在想著放棄，但最後還是撐到完賽，回想這三十天鐵人賽的掙扎旅程，還真的是有好有壞，好處就是有了個壓力強迫自己去探索沒接觸過...
就這樣接連 30 天順利完成鐵人賽系列了～為所有自律且成功達標的參賽者們一起喝采！！！ 在產出本系列文章的同時，也再次複習了當初實作專案時面對到不熟悉的語法，在...
整個系列都快要完結篇了，怎麼可能獨漏 Vue 的神奇語法糖—— v-model 呢？我們已經知道 Vue 基於 MVVM 架構模式，最大的特色就是可以將資料與...
Abstract 大家好，我是遊戲王怪獸之決鬥小編威斯～～丁，想必大家都知道遊戲王的貝卡斯的千年眼可以看到每個人的心靈....心靈透視～～～ 差不多是這樣子垃....
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-10-13
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-10-13
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-10-13
本篇介紹Bootstrap5 UI的Modal(彈出互動視窗)呼叫方式 起手式 <link href="https://cdn.jsde...
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-10-12
本篇介紹現行登入密碼欄位，旁邊都有一個小眼睛，是如何點一下就秀出密碼的呢? ▼ 完成圖如下 首先先準備我們的小眼睛， Font Awesome 使用方式 官...
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-10-11
目前的版面配置是基本的瀑布流效果，而此模式較著重在顯示書本封面圖片，一列只能出現三本書單，RWD 的情況下又會再壓縮顯示空間，相對在瀏覽資訊上的速度會較慢，因此...
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-10-10
今天是三天連假的第一天，實體上課真的太累了，一不小心睡到下午诶嘿(๑´ڡ`๑)連假過完鐵人也差不多完成了!時間真的過的飛快啊，今天來講講vue的過濾器，雖然在這...
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-10-09
表單輸入綁定 我們可以用v-model指令在表單<input>、<textarea>、<select>元素上建立雙向數據綁定...
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-10-08
透過 Props 可以讓子元件接收來自父元件的「資料」，相對地，父元件則可以接收來自子元件的「事件」，雙方互相傳遞內容，最終可讓子元件變成單純處理畫面樣式的 p...
本系列文已改編成書「Arduino 自造趣：結合 JavaScript x Vue x Phaser 輕鬆打造個人遊戲機」，本書改用 Vue3 與 TypeS...
鱈魚
‧
2021-10-07
哲嘉 (Zhe-Jia)
Winnie Wu
Mike
chacoteeth
Teen
weisting
切版姐姐
ㄆㄩ
iThome鐵人賽
看影片追技術