1.Vue.js是什么
Vue (讀音 /vju?/腊嗡,類似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是拾酝,Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用燕少。Vue 的核心庫只關(guān)注視圖層,不僅易于上手蒿囤,還便于與第三方庫或既有項(xiàng)目整合客们。另一方面,當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時(shí)材诽,Vue 也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用提供驅(qū)動底挫。
Vue.js入門教程
Vue.js的特性:
1.輕量級的框架
2.雙向數(shù)據(jù)綁定
3.指令
4.插件化
前端三大馬車:
1.Vue 2. Angular 3. React
2.MVX框架模式
MVX框架模式:MVC+MVP+MVVM
1.MVC:Model(模型)+View(視圖)+controller(控制器),主要是基于分層的目的岳守,讓彼此的職責(zé)分開凄敢。
View通過Controller來和Model聯(lián)系碌冶,Controller是View和Model的協(xié)調(diào)者湿痢,View和Model不直接聯(lián)系,基本聯(lián)系都是單向的扑庞。
用戶User通過控制器Controller來操作模板Model從而達(dá)到視圖View的變化譬重。
2.MVP:是從MVC模式演變而來的,都是通過Controller/Presenter負(fù)責(zé)邏輯的處理+Model提供數(shù)據(jù)+View負(fù)責(zé)顯示罐氨。
在MVP中臀规,Presenter完全把View和Model進(jìn)行了分離,主要的程序邏輯在Presenter里實(shí)現(xiàn)栅隐。
并且塔嬉,Presenter和View是沒有直接關(guān)聯(lián)的,是通過定義好的接口進(jìn)行交互租悄,從而使得在變更View的時(shí)候可以保持Presenter不變谨究。
MVP模式的框架:Riot,js。
3.MVVM:MVVM是把MVC里的Controller和MVP里的Presenter改成了ViewModel泣棋。Model+View+ViewModel胶哲。
View的變化會自動更新到ViewModel,ViewModel的變化也會自動同步到View上顯示。
這種自動同步是因?yàn)閂iewModel中的屬性實(shí)現(xiàn)了Observer潭辈,當(dāng)屬性變更時(shí)都能觸發(fā)對應(yīng)的操作鸯屿。
MVVM模式的框架有:AngularJS+Vue.js和Knockout+Ember.js后兩種知名度較低以及是早起的框架模式澈吨。
3.現(xiàn)代的前端開發(fā)模式
前端開發(fā)絕不僅僅寫HTML和CSS
新的概念:ES6、Node.js寄摆、npm谅辣、前端工程化、SPA婶恼、組件化開發(fā)等屈藐,新的東西在不斷優(yōu)化我們的開發(fā)模式,改變我們的編程思想熙尉。
4.Vue.js起步練習(xí)
使用Vue.js的兩種方式:
- 通過引入CDN后直接使用或者下載后使用(較為簡單)
- 使用命令行工具CLI搭建腳手架去編寫對應(yīng)的內(nèi)容
頁面起步步驟:
1.引入圖中的script代碼联逻,將Vue.js引入到我們的項(xiàng)目中并可以使用
2.起步頁面:
注意點(diǎn): - data用于數(shù)據(jù)的存儲,可以設(shè)置對應(yīng)的數(shù)據(jù)检痰,data的值也是一個對象包归,類型可以是字符串、number铅歼、對象公壤、數(shù)組。
- el代表element椎椰,指需要獲取的元素厦幅,一定是html中的根容器元素