建議學習時長： 30分鐘
學習方式：了解
學習目標
- 知道什么是 Vue.js
- 了解 Vue.js 的特點
- 能運行
Hello World。
詳細介紹
Vue.js（讀音 /vju?/蓄髓，類似于 view） 是一套構(gòu)建用戶界面的漸進式框架色冀。與其他重量級框架不同的是藤树，Vue 采用自底向上增量開發(fā)的設(shè)計。Vue 的核心庫只關(guān)注視圖層，它不僅易于上手瘤泪，還便于與第三方庫或既有項目整合谋右。另一方面硬猫，當與單文件組件和 Vue 生態(tài)系統(tǒng)支持的庫結(jié)合使用時，Vue 也完全能夠為復雜的單頁應用程序提供驅(qū)動改执。
Vue.js 和 jQuery 不同的是：如果要修改頁面的內(nèi)容啸蜜，用 jQuery 的方式是直接選擇DOM，修改內(nèi)容辈挂；用 Vue.js 的方式是修改數(shù)據(jù)衬横，Vue.js 會根據(jù)我們會寫好的數(shù)據(jù)與頁面內(nèi)容的關(guān)聯(lián)關(guān)系，Vue.js 自動的更新頁面终蒂。
有中文官網(wǎng)和中文文檔(媽媽再也不擔心我英文不好)~
特點
- 易學蜂林，易用遥诉。API 簡潔明了。
- 靈活噪叙。簡單小巧的核心矮锈，漸進式技術(shù)棧，足以應付任何規(guī)模的應用构眯。
- 高效愕难。20kb min+gzip 運行大小惫霸；超快虛擬 DOM猫缭；最省心的優(yōu)化。
入門
1 引入 Vue.js 的腳本
<script src="https://unpkg.com/vue"></script>
2 HTML 中加如下內(nèi)容
<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
頁面輸出結(jié)果：Hello Vue!
