标签:25 name MVVM DOM age person Controller 什么
MVVM模型全称是(Model-View-ViewModel),它与我们熟知的MVC模型主要差别在于Controller和ViewModel的差异。MVC模型(Model-View-Controller)是通过Controller直接更新View界面的DOM元素。
例如以下的html界面:
<span id="name">Bob</span>
<span id="age">25</span>
如果是MVC模型,那么在js文件中想要修改上述两个DOM的内容的话,则会:
var name = "Alice";
var age = 25;
$(#name).text(name);
$(#age).text(age);
//直接修改DOM
而我们通过使用MVVM模型的话,则是:
//这是一个Model
var person = {
name: "Alice",
age:25
}
在html中,
//使用数据绑定
<span>{{person.name}}</span>
<span>{{person.age}}</span>
那么后续如果要修改内容,则直接,
person.name = "Bob"
person.age = 21
标签:25,name,MVVM,DOM,age,person,Controller,什么 来源: https://www.cnblogs.com/Jsparkss/p/15850734.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。