知識星球
作者 | Duncan Grant
譯者 | yizhuyan (yizhuoyan) ? ? 共計翻譯：3 篇 貢獻時間：36 天
我喜歡 Vue。當我在 2016 年第一次接觸它時，也許那時我已經對 JavaScript 框架感到疲勞了，因為我已經具有Backbone、Angular、React 等框架的經驗，沒有太多的熱情去嘗試一個新的框架。直到我在 Hacker News 上讀到一份評論，其描述 Vue 是類似於“新 jQuery” 的 JavaScript 框架，從而激發了我的好奇心。在那之前，我已經相當滿意 React 這個框架，它是一個很好的框架，建立於可靠的設計原則之上，圍繞著檢視模板、虛擬 DOM 和狀態響應等技術。而 Vue 也提供了這些重要的內容。
在這篇文章中，我旨在解釋為什麼 Vue 適合我，為什麼在上文中那些我嘗試過的框架中選擇它。也許你將同意我的一些觀點，但至少我希望能夠給大家使用 Vue 開發現代 JavaScript 應用一些靈感。
1、 極少的模板語法
Vue 預設提供的檢視模板語法是極小的、簡潔的和可擴充套件的。像其他 Vue 部分一樣，可以很簡單的使用類似 JSX 一樣語法，而不使用標準的模板語法（甚至有官方檔案說明瞭如何做），但是我覺得沒必要這麼做。JSX 有好的方面，也有一些有依據的批評，如混淆了 JavaScript 和 HTML，使得很容易導致在模板中出現複雜的程式碼，而本來應該分開寫在不同的地方的。
Vue 沒有使用標準的 HTML 來編寫檢視模板，而是使用極少的模板語法來處理簡單的事情，如基於檢視資料迭代建立元素。
- v-for='number in numbers' :key='number'>{{ number }}
type='text' v-model='newNumber'>
export default {
name: 'app',
methods: {
addNumber() {
const num = +this.newNumber;
if (typeof num === 'number' && !isNaN(num)) {
this.numbers.push(num);
}
}
},
data() {
return {
newNumber: null,
numbers: [1, 23, 52, 46]
};
}
}
本站僅按申請收錄文章，版權歸原作者所有
如若侵權，請聯絡本站刪除