亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

javascript - What do business model and view model specifically mean in front-end development?
三叔
三叔 2017-07-05 10:51:17
0
2
1354

In this article by Xu Fei, in Section 5: "Why MVVM is a good choice", business model and view model are mentioned. What do they refer to specifically?

三叔
三叔

reply all(2)
過(guò)去多啦不再A夢(mèng)

[Business Model] is similar to [Domain Model] and can refer to the data used to express business content. For example, Taobao's business model is [Product], blog's business model is [Blog Post], and Twitter's business model is [Tweet]. It can be understood as the Model in classic MVC, including name, description, time, author, price and other [real] data field contents.

And [View Model] is a new concept after the rise of MVVM. To implement a complete Web App, in addition to data, there are also a lot of [states] in UI interaction. For example: whether the pop-up box is open, whether the user is typing, whether the request Loading status needs to be displayed, whether additional fields need to be displayed for chart data classification, and the dynamic changes in the size and style of the text when the user inputs... These have nothing to do with the specific data fields, but View state, which is very important to the actual front-end business scenario, can be considered a [view model]. In MVVM libraries such as Vue, the states in the above examples can be represented and controlled by JS variables, which can also be considered a data model.

Therefore, business model and view model are very important concepts in the front-end. After MVVM solves the binding relationship between business model data and pages, state management libraries such as Redux want to solve a series of problems caused by the extreme expansion of view model states in rich interactive pages. A deeper understanding of these models will actually help understand the current development direction of the front end.

迷茫

Just give me a chestnut and you will understand

//業(yè)務(wù)模型
function UserBM(){
    this.username;
    this.password;
    this.address;
}

//視圖模型


function UserVM(){
    this.username;
    this.password;
    this.address;
    this.isShowHelloMessage;
    this.isShowAddress;
}
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template