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ù)展示就完成了。