Vue基礎之初識Vue

Vue特色及優勢

• 小巧，壓縮後體積17KB；
• 漸進式，不須要一口吃成大胖子，一上來就用全部的東西，能夠一步一步、有階段的先吃成小胖子；
• 數據驅動，雙向數據綁定，MVVM模式，詳見下一段
• 指令，例如v-if/v-show等
• 插件，若是你聽過鼎鼎有名的餓了麼UI你就更能體會其中精妙之處，不過不要着急

MVVM模式（面試考點）

和知名前端框架Angular同樣，Vue.js設計上也使用MVVM模式
MVVM模式（Model-View-ViewModel）由MVC模式衍生而來。當View（視圖層）發生變化時，會自動更新到ViewModel（視圖模型），逆推也成立。因此這二者（View-ViewModel）的關係就是所謂的數據雙向綁定。

下載安裝

1. 經過script加載CDN文件

<!-- 指定某個具體版本的Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<!-- 自動識別最新版本的Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

兩個版本均可以，若是不太瞭解各個版本的區別，建議直接使用最新的穩定版本（若是展轉反側非想了解其中的差異能夠前往vue官方文檔的安裝章節的「對不一樣構建版本的解釋」）。注意：在你發佈的站點中使用生產環境版本，把 vue.js 換成 vue.min.js。這是一個更小的構建，能夠帶來比開發環境下更快的速度體驗。

1. 將代碼下載下來，經過本身的相對路徑引用

2. npm下載
   只須要會npm的使用和項目初始化就能夠了

   NPM是隨同NodeJS一塊兒安裝的包管理工具，因爲新版的nodejs已經集成了npm，因此以前npm也一併安裝好了。NPM容許用戶從NPM服務器下載別人編寫的第三方包到本地使用

   使用 npm 命令安裝模塊

   npm install 模塊名

   npm install vue

以上是本期所有內容，欲知後事如何，請聽下回分解<(￣︶￣)↗[GO!]