vue 學前班001（基礎概念）

1 學習目標

通過這一節，你會學會：

1.目前前端技術使用的趨勢

2.什麼是mvvm

3.vue.js的兩大核心

4.vue.js的適用場景

誕生背景

但是開啟會有等待使用者體驗不好 a標籤鏈結需要等待所以為了解決這個 vue 開發模式誕生了另外還有最近你很多的 apicloud + vue + aui 的開發雖然有很多問題但是使用者體驗變的更好了（廢話不多說先看vue 吧）

什麼是mvvm

mvvm可以拆分成：view --- viewmodel --- model三部分，看下面的檢視：

那麼，我們怎麼理解mvvm呢？

上圖中，左側的view相當於我們的dom內容，我們所看到的頁面檢視，右側的model相當於我們的資料物件，比如乙個物件的資訊

name：張三

age：21

而中間的監控者就負責監控兩側的資料，並相對應地通知另一側進行修改。比如：你在model層中修改了name的值為：「李四」，那麼view檢視層顯示的「張三」也會自動變成了「李四」，而這個過程就是有viewmodel來操作的，不需要你手動地去寫**去實現（你不用再手動操作dom了）。

vue的核心

vue的資料驅動：資料改變驅動了檢視的自動更新，傳統的做法你得手動改變dom來改變檢視，vuejs只需要改變資料，就會自動改變檢視，乙個字：爽。再也不用你去操心dom的更新了，這就是mvvm思想的實現。

檢視元件化：把整乙個網頁的拆分成乙個個區塊，每個區塊我們可以看作成乙個元件。網頁由多個元件拼接或者巢狀組成。看下圖：

4 適用場景

如果你還在用jquery頻繁操作你的dom來更新頁面的話，那麼，你可以用vue.js來解放你的dom操作了。

如果你的專案中有多個部分是相同的，並可以封裝成乙個元件，那麼，你可以試試用vue.js。

此外，vue.js的核心實現中使用了es5的object.defineproperty特性，ie8及以下版本瀏覽器是不相容的，所以，你的專案需要相容這些較低版本的瀏覽器的話，那麼，vue.js就不適用了。

畢竟，開發乙個專案的目的不是為了使用某個框架。