Vue.js是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，它不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與單文件組件和 Vue 生態系統支持的庫結合使用時，Vue 也完全能夠為複雜的單頁應用程序提供驅動。
假設你已有 HTML、CSS 和 JavaScript 中級前端知識。如果你剛開始學習前端開發，將框架作為你的第一步可能不是最好的主意——掌握好基礎知識再來！之前有其他框架的使用經驗對於學習 Vue.js 是有幫助的，但這不是必需的。下面來快速入門，體驗下Vue.js。
首先新建一個html文件，引入Vue.js，像引入jQuery那樣超級簡單，你肯定會，對於新手先不要使用命令引入。
Vue.js 的核心是一個允許採用簡潔的模板語法來聲明式的將數據渲染進 DOM 的系統：
html代碼：
{{ message }}
js代碼：
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
完整代碼：
{{ message }}
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
最後我們在瀏覽器上看到的效果：
分享到:
閱讀更多 湯久生前端 的文章
