前言
Vue.js（讀音 /vju?/，類似于 view） 是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，它不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當與單文件組件和 Vue 生態系統支持的庫結合使用時，Vue 也完全能夠為復雜的單頁應用程序提供驅動。
直接引用 Vue 官網上的介紹作為系列的開頭，現在跟著官方教程從零開始學習Vue，官方文檔里面有這么一段話：
官方指南假設你已有 HTML、CSS 和 JavaScript 中級前端知識。如果你剛開始學習前端開發，將框架作為你的第一步可能不是最好的主意——掌握好基礎知識再來！之前有其他框架的使用經驗對于學習 Vue.js 是有幫助的，但這不是必需的。
但是我對上面知識其實并不是很了解，只停留在會用階段，現在是硬著頭皮直接學，不懂再看文檔就好了。
安裝開發環境
作為初學者，怎么簡單怎么來，根據官方文檔，前期在學習階段可以直接下載Vue.js開發版，然后在hmtl文件中引用它就可以了：
<script src="xxx/xxx/vue.js"></srcrpt>
或者我們也可以不用下載，直接在html文件中引用:
<script src="https://unpkg.com/vue"></script>
Hello World
聲明式渲染
Vue.js 的核心是一個允許采用簡潔的模板語法來聲明式的將數據渲染進 DOM：
我們直接創建一個index.html 文件：
<div id="app">
{{ message }}
</div>
<script src="../vue.js"></script>
<script>
var app = new Vue({
el: "#app",
data: {
message: 'Hello World!'
}
})
</script>
然后直接用谷歌等瀏覽器打開index.html就可以看到以下效果了:
Hello World!
我們已經生成第一個Vue應用了，到這里就已經結束了， Vue在背后幫我們將數據與DOM綁定在一起，在瀏覽器按F12呼出瀏覽器控制臺（在打開index.html的頁面打開），在Console 輸入
app.message = "Hello Vue"
按回車，我們可以看到對應的
Hello World!
同步更新為
Hello Vue
結語
作為開篇，我本身對Vue也不熟悉的情況下，也不敢寫那么多，權當記錄下學習過程，可以加深一些理解。源碼地址：
learnVue
