因為訂單的呈現很多都是資料與畫面的關係，我們決定用Vue作為前端框架所以趕快來臨時抱佛腳開始學Vue現學現賣(咦 Vue是一種宣告式渲染的框架，不同於命令式的一個口令一個動作的取值塞值，Vue直接把資...
背景 我在工作上三個月之久被派到新專案. 那新專案用vue, 我也是能用vue了. 其實我在工作前的時候有想過vue 跟 react 選一個, 最後我選擇react 因為這個生態圈比較大而且資源也比...
前言 前面我們已經把 Vuex 的特性都解說完畢，應該對 Vuex 有初步的了解，但是如果沒有實作我們還是沒有辦法很熟悉，官方這邊提供了一個購物車的範例，我們就以此來看看要如何將 Vuex 應用在購物...
實例 Component Dropdown 許多細節都沒有完成，但時間緊迫，還是寫個大概就好。先附上程式碼，內容代補。 HTML: <div id="app"> &...
Component 延續前一天的內容 html #root h1 {{title}} h2 {{subtitle}} viwer js(Local Registration) v...
Component 簡介 在Day2：用七個官方範例初步認識 Vue.js已經有看過 Component 的範例。Component 在 Vue 中扮演很重要的腳色，使我們可封裝重用程式碼，且同時具...
表單處理 當在嚴格模式中使用 Vuex 時，state 使用在 v-model 時會遇到問題： <input v-model="obj.message"> 假設 o...
Component 依照官方文件所說，Component是vue.js中最強大的功能，它可以擴展html元素，還可以封裝reusable的程式碼 今天先簡單的介紹一下它的用法，這邊是使用Local R...
這次將介紹v-on的用法 v-on 用法是相當單純的，跟一般html5的onclick,onselect...等雖然其實差別不大，不過v-on的功能卻更強大，用法更簡單，今天只會介紹基本的部分，更多的...
你可以用 v-model 指令建立雙向數據綁定，在 Day2 的範例 06 - Form Input Bindings 已經使用過了。 範例回顧 Day2： 透過 v-model 可雙向綁定 inp...