[Vue.js] 一下子就搞懂Vue.js在做什麼的範例程式碼 | vue js knockout js比較
KnowwhatVue.jsdoesintenminite前言身為曾經的AngularJS開發者,歷經Angular轉型成框架的學習,到了接觸Vue.js我非常認同Vue.js作者的理念和Vue.js的特性上圖有提到MVVM,這邊順道提一下MVVM幾個特性※下述資料指的是Javascript的資料,例如:物件、變數、集合陣列…等等單向綁定:由JS指派DOM元素資料,再由DOM元素顯示資料,通常資料會綁定DOM元素的Attribute,例如Vue.js的v-bind指令,也可能資料直接顯示,例如Vue.js的雙大刮號運算式雙向綁定:除了從JS指派資料給DOM元素之外,由於經常綁定表單欄位、
Know what Vue.js does in ten minite
前言身為曾經的AngularJS開發者,歷經Angular轉型成框架的學習,到了接觸Vue.js
我非常認同Vue.js作者的理念和Vue.js的特性
上圖有提到MVVM,這邊順道提一下MVVM幾個特性
※下述資料指的是Javascript的資料,例如:物件、變數、集合陣列…等等
單向綁定:由JS指派DOM元素資料,再由DOM元素顯示資料,通常資料會綁定DOM元素的Attribute,例如Vue.js的v-bind指令,也可能資料直接顯示,例如Vue.js的雙大刮號運算式
雙向綁定:除了從JS指派資料給DOM元素之外,由於經常綁定表單欄位<input>、<select>、<textarea>讓使用者輸入,而且輸入的資料會自動寫回JS端,故稱為雙向綁定。在Vue.js裡,使用v-model指令來雙向綁定表單欄位。
官網說明與範例:表單輸入綁定[1]
如果我的網站畫面只有兩、三個頁面需要MVVM,卻使用Angular這麼龐大的框架,其他畫面都是ASP.net的View,卻只有那兩、三個MVVM頁面是Angular的畫面然後搭配Web API存取資料
自己都覺得殺雞用牛刀Orz,也沒有一致性,相比之下Angular的前身AngularJS因為是函式庫反而還比較好用
不過AngularJS由於效能問題(例如:呼叫$scope.$apply() ),加上現在Google主力開發Angular框架想愈做愈大,AngularJS的生命週期顯得衰落就像元祖級的Knockout.js
Vue.js官網說明:对比其他框架 AngularJS (Angular 1)[2]
此時想找一個替代AngularJS的函式庫:簡單好學好上手,程式碼短少又淺顯易懂,可以快速整合至現有網站