這次將介紹v-for,v-if,v-bind的用法 這次使用這筆資料來當作練習 fruits=[ { "fruit": "蘋果",...
Vue.js是一個簡明快速的MVVM，透過渲染層與物件層相互雙向綁定，產生更多視圖動作。 優點:官方說明黨清晰，易上手。延展性高，可以完成很多複雜動作，以及個人化風格。缺點:比較舊的瀏覽器無法支援。...
Event Handling 可以用 v-on 指令監聽 DOM 事件，並在觸發時執行一些 JavaScript 代碼。 v-on 當 button Greet被點擊的時候，會執行 method g...
嚴格模式 Strict Mode 開啟嚴格模式只需要在建立 store 時傳入 strict: true 。 const store = new Vuex.Store({ // ... st...
至於寫入db, VueFire 其實還會在背後幫你的 vue instance 新增一個 $firebaseRefs 的屬性, $firebaseRefs的屬性綁定到你要綁定的DB節點, 所...
這次要介紹的部分是vue的開頭 首先決定vue要作用的區塊在el中定義生效的element var vm = new Vue({ el: "#root", }) 然後在htm...
插件（Plugin） Vuex 的 store 接受 plugins 選項，這個選項露出每個 mutation 的鉤子 (hook)， Vuex 插件就是一個函數，他接收 store 作為唯一參數，我...
List Rendering v-for with an Array of Object <ul id="app"> <li v-for="ite...
VueFire 既然使用vueJs, 我們可以把vue和firebase結合在一起嗎？答案是可以的, 雖然firebase官方只出AngularJs的套件 AngularFire (g...
常會有剛投入前端的朋友問我：友人A：「洧杰，你覺得該不該學 XX 框架？」我：「你說最近剛出來的那個啊，那你知道他是做什麼的嗎？」友人A：「不知道欸...只是最近聽很多人推，感覺不學以後會找不到工作」...