開始學習到使用Vue做專案有三個月了,一直沒時間做總結,今天開始每日更新一篇,第一次發帖如果有什么不足或者不對的,還請大家指出來,相互學習。
一、mvp和mvvm都是前端的設計模式,都是前后端分離所特有的模式,前后端分離前是mvc模式,主要業務邏輯集中在后端,連頁面的渲染也是在后端。
1、傳統前端開發中使用的mvp模式
M:資料層 model
V:視圖層 view
P:控制層 presenter
mvp模式的核心是在P層。當view觸發一個事件,交給P,P要么去M呼叫ajax獲取資料,要么去操作DOM改變V(view),mvp
有很大一部分代碼是在P中,P中包含大量的DOM操作。
2、MVVM
M:資料層 model
V:視圖層 view
VM:vue自帶的層 viewModel
用vue開發注重M層,面向資料進行編程,不再注重DOM操作。在更改試圖或操作資料的時候,vm只對相應資料進行操作,不進
行DOM操作,在vm層中的實作主要用了es5的object.definproperties和虛擬DOM機制。
*Vue中不要再選項屬性或回呼上使用箭頭函式,因為箭頭函式并沒有this,this會作為變數一直向
上級詞法作用域查找,直到找到為止,會導致錯誤
二、全域組件和區域組件
1、全域組件
Vue.component("TodoItem",{
props:["item"], //子組件接收的資料
template:"<li>{{item}}</li>"
})2、區域組件
*使用區域組件,需要再Vue實體中進行注冊
let TodoItem={
props:['item'],
template:'....',
}uj5u.com熱心網友回復:
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/28887.html
標籤:其他
上一篇:electron的打包問題
