Vue.js是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue 采用自底向上增量開發(fā)的設(shè)計(jì)。

Vue 的核心庫(kù)只關(guān)注視圖層，它不僅易于上手，還便于與第三方庫(kù)或既有項(xiàng)目整合。

另一方面，當(dāng)與單文件組件和 Vue 生態(tài)系統(tǒng)支持的庫(kù)結(jié)合使用時(shí)，Vue 也完全能夠?yàn)閺?fù)雜的單頁(yè)應(yīng)用程序提供驅(qū)動(dòng)。

如果你對(duì)angular有所了解，那么你學(xué)起vue一定會(huì)非常容易。

因?yàn)橐环矫婺銓?duì)angular有所了解相必你就有一定你前端基礎(chǔ)了吧，另一方面就是angular是外國(guó)人開發(fā)的而我們的vue是根據(jù)angular開發(fā)的

并且是我們中國(guó)人開發(fā)的，相必中國(guó)人更加了解國(guó)人的編程習(xí)慣吧。

下面就讓我們一起來(lái)學(xué)習(xí)一下vue吧！

首先我們要引入vue.js文件，

我們開啟vue的模式跟angular有所不同，我們開啟vue的模式就是new Vue()

提示一下V是大寫呦`

我們這個(gè)對(duì)象里面?zhèn)魅氲氖且粋€(gè)json

new Vue({       el:"#app",        data:{               mag:"supper hero"   }          })

html代碼：

<div id="app">{{mag}}</div>

這樣一個(gè)簡(jiǎn)單的數(shù)據(jù)展示就完成了。