最後一天了，不免俗的來心得分享一下。第一次寫教學文，沒做任何準備就提槍上陣來參加鐵人。老實說每天都是極限，邊上班邊構思，下班就是繼續準備隔天的資料。每當工作量大或是寫得不順利的時候真的是會讓人哭笑不得...
Vuex使用单一状态树，用一个对象就包含了全部的应用层级状态。这也意味着，每个应用将只包含一个 store 实例 import Vue from 'vue'; import Vuex from 'vu...
tags: Vuejs 作用域插槽 <slot> 內容在父模板編譯，基於 Vue 的定義，在父模板中編譯的內容訪問 parent scope，在子模板中編譯的內容訪問 child scop...
鐵人賽終於來到最後兩篇（最後一天是廢文心得文） 這兩天來個大顆ㄧ點（跟前幾篇比）的栗子，用 Vue.js 實作一個「一眼瞬間」版的 ToDoList。為什麼叫「一眼瞬間」呢？因為 F5 刷新就沒啦！...
雖然一開始說 Vue 因為有 Single File Component ，所以要 Server Side Render 可能會碰到需要用 bundler 的情況，不過用 React 時，在最後碰到圖...
今天要來看Alpine.js和Vue.js的迴圈，兩者也是非常非常像，在Alpine.js中使用x-for，在Vue.js中使用v-for，我們直接看範例吧。 Alpine.js (可參考Day7)h...
tags: Vue.js ItIron2020 前言 昨天我們已經成功了做出了六個圖表，利用將整理成renderData讓我們印出的部分可寫得相當的簡潔~! 今天我們要做的就是讓畫面稍微微調一下，讓瀏...
Vue 的模組 - component 作用 Vue 的模組 component 是可以重複使用的 Vue 實例，所以也擁有 data、computed、watch、methods 以及生命周期鉤子...
話不多說，趕緊把我們的作品Demo 給我們 鐵人學院的業主吧!! Demo 進入主畫面我們可以透過主畫面跳到設定畫面，或是直接進入測驗畫面。 可補強問題:我們可以在主畫面中使用一個button進入測...
溝通不良的代價就是彼此越來越疏遠，然後行同陌路如陌生人。 子元件之間就像兄弟一樣的關係，所以這篇要來講兄弟間的溝通之道---兄弟關係的元件如何互相傳值。 前幾篇有介紹了父傳子、子傳父，這樣還不夠，...