對于vue的使用可以分為兩種使用形式1引入vuejs文件，在js中將vue實例化2通過node安裝第三方包vue，搭建腳手架，用腳手架將頁面分成幾個組件編寫，從而利用組件來搭建頁面引入vuejs的寫法 Vue分為V層視圖層；Vuejs的數(shù)據(jù)驅(qū)動就是通過MVVM這種框架來實現(xiàn)的MVVM框架主要包含3個部分modelview和viewmodelModel指的是數(shù)據(jù)部分，對應(yīng)到前端相當(dāng)于javascript對象 View指的是視圖部分，對應(yīng)前端相當(dāng)于dom Viewmodel就是連接視圖與；vue官網(wǎng)說Vuejs讀音 vju#720，類似于 view 是一套構(gòu)建用戶界面的漸進式的JavaScript框架與其他重量級框架不同的是，Vue 采用自底向上增量開發(fā)的設(shè)計1易用 已經(jīng)會了 HTMLCSSJavaScript，即可閱讀指南；就是教程開頭的第一句話Vuejs讀音 vju#x02D0，類似于 view 是一套構(gòu)建用戶界面的漸進式框架這句話你可能并不陌生，但你未必真正讀懂了它 我們注意到這句話中有一個被作者高亮的詞語漸進式框架，其實明白了這個詞語的意思；Vue框架的核心思想是MVVMModelViewViewModel，實現(xiàn)了視圖和數(shù)據(jù)的雙向綁定，即改變視圖會觸發(fā)數(shù)據(jù)的改變，同樣改變數(shù)據(jù)會觸發(fā)視圖的改變Vue規(guī)定每個組件必須只有一個根元素。

1 學(xué)習(xí)目標(biāo) 通過這一節(jié)，你會學(xué)會1目前前端技術(shù)使用的趨勢 2什么是MVVM 3Vuejs的優(yōu)點 4Vuejs的兩大核心 5Vuejs的適用場景 2 誕生背景 近幾年來，得益于手機設(shè)備的普及和性能的提升，移動端的web需求大量；學(xué)習(xí)前端框架 Vue 的步驟如下了解 Vue 框架的基本概念和特點了解 Vue 框架的基本架構(gòu)和工作原理，包括 Vue 的視圖層渲染數(shù)據(jù)綁定組件化和路由等功能學(xué)習(xí) Vue 框架的基本語法和使用方法包括 Vue 的模板語法組；進入可以看到插件的API和使用指南，還包括angularJSreact等框架的使用方法，因為我們項目用的vue框架，這里直接看vue的使用npm install savedev videojs 安裝成功后，在mants文件下引入對應(yīng)的css樣式，并進行全局；聲明式，響應(yīng)式的數(shù)據(jù)綁定組件化的開發(fā)Virtual DOM響應(yīng)式的數(shù)據(jù)綁定 1jQuery首先獲取到DOM對象，然后對DOM對象進行進行值的修改等操作 2Vue首先把值和js對象進行綁定，然后修改js對象值，Vue框架會自動；一先來實現(xiàn)前端部分第一步搭建Vue框架Vue我也是第一次接觸，看了半天多的文檔才有了大概的了解先不過多考慮前端的實現(xiàn)，首先考慮一下前后臺溝通的問題用vuecli搭建一個新框架，在Helloworldvue 或者新建一個模板。

上文中提到在Appvue文件中使用了routerview來展示路由對應(yīng)的視圖，針對routerview，官方解釋如下，有興趣的童鞋移步 鏈接 在此之前，我們要了解該框架下幾個重要的布局組件我們以默認的路由#dashboardworkplace 為例；百度地圖的使用需要一個專屬的密鑰ak作為路徑按步驟完成，并且激活就能獲得一個密鑰了，這樣我們就可以開始引入地圖了先來看效果圖現(xiàn)在在 indexhtml 中引入script。

前端MVC設(shè)計模式 M，V，VM設(shè)計模式 Vue 安裝獨立版本 我們可以在 Vuejs 的官網(wǎng)上直接下載 并用 循環(huán)語句 循環(huán)使用 vfor 指令vfor 指令 需要以 car in arr 形式的特殊語法， car 是源；同時，Vuejs的官網(wǎng)非常全面，特別是在文檔和教學(xué)這塊非常友善，都是免費的，這讓新手更容易學(xué)習(xí)上手特別是教學(xué)這塊，除了有詳盡完善的學(xué)習(xí)文檔，還有非常短小易懂的視頻教程，還提供實驗代碼和運行環(huán)境；Vue路由功能需要導(dǎo)入vuerouter，它的中文文檔可以查看cn Vue的狀態(tài)管理功能需要使用vuex，它的中文文檔可以查看cn 如果需要更多Vue資料，可以查看awesomev。