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

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

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

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