Mock API 在 api/shop.js 的文件中我們可以看到模擬的 API ，要注意在 buyProducts 這個函數中，因為要模擬失敗或是成功的結果，所以會用亂數來決定結果。 購買成功時...
在 Vue 的 Component 中還有個好用的東西叫做 slot，當開發複雜或巢狀的 component 時，slot 不僅好用更增加了使用上的彈性。 基本上分為三種 slot Single...
利用prop來即時讀取修改的input 為了達成目的需要搭配使用v-model,v-bind 首先在component的data中定義parentMsg，在props中定義message在定義一個fu...
Vue.extend(options) 使用 Vue 的建構子，創建一個子類別，參數是一個包含 Component 選項的物件。 其中選項 data 在 Vue.extend() 中必須是函數。 &...
我來教大家如何讓你的vue app 支援多國語言. 我們要使用的套件是Vue-i18n. 設定 首先我們先安裝套件 npm install vue-i18n --save 我們建立一個lang...
一、v-forv-for 可以根據data裡的資料來渲染列表先在Vue實例裡建一個data內容是個陣列 let vm = new Vue({ el: '#menu', data: {...
vuex 是 vue 的狀態管理器, 就像redux , mobx 是react 的狀態管理器。 其實我覺得vuex 跟react 的 mobx 比較像。 Vuex 比 redux 更容易上手， 安裝...
prop簡介 Component有一個獨立的作用域(isolated scope)，使用Component主要是希望程式碼不會互相影響，而當需要讓父層級(parent)傳遞參數給子層級(child)時...
這篇的內容可能跟 Vue 沒甚麼主要關係，只是會透過 Lodash.js 來解決深拷貝的問題。 會寫這篇是因為，最近在公司做的專案需要用到深拷貝，且需要深拷貝的物件比較大，進而研究做深拷貝效能方面的...