vue.js(1)

v-html 插入到DOM元素中可以进行DOM元素解析,相当于js下的innerHTML
v-text 相当于js的innerText 不解析DOM元素
v-on 绑定方法进行操作 v-on可以使用简写的方式@,推荐使用简写的方式,和v-on完全等价
v-show=’布尔值’ 控制元素的显示隐藏 true显示 false隐藏
v-if=’布尔值’ 控制元素的显示隐藏,和v-show用法完全一致,原理上有所不同
v-model=’绑定值’ 配合表单元素使用,可以在表单中绑定data下的数据,如果其他标签中的内容和v-model绑定的内容相同,其他标签的内容会随着v-model绑定的内容联动,v-model不能使用空值
v-for = ‘(下标,每一个数据) of arr’ 进行data下数据的遍历渲染DOM元素,v-for会自动添加对等数组数据个数的DOM节点
循环优缺点对比:for写法比较繁杂,for in专门为遍历对象设计的,
不适合遍历数组,for Each不能配合break return跳出循环
v-once 数据进行一次性渲染,之后不会再进行变动
v-bind 绑定属性 如果需要动态改变的属性可以使用v-bind绑定,:是v-bind简写形式,两者完全等价
v-cloak 需要配合 [v-cloak]{display:none;} 当data下的数据真正渲染到DOM上去时先显示对应的内容
v-pre不进行data下属性解析,直接把DOM节点中内容渲染到页面上

你对MVVM的理解?

MVVM 是 Model-View-ViewModel 的缩写。
Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。
View 代表UI 组件,它负责将数据模型转化成UI 展现出来。
ViewModel 监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Model的对象,连接Model和View。
在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Model 和 ViewModel 之间的交互是双向的, 因此View 数据的变化会同步到Model中,而Model 数据的变化也会立即反应到View 上。
ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来,而View 和 Model 之间的同步工作完全是自动的,无需人为干涉,因此开发者只需关注业务逻辑,不需要手动操作DOM, 不需要关注数据状态的同步问题,复杂的数据状态维护完全由 MVVM 来统一管理。

mvvm和mvc的区别?它和其他框架的区别是什么?哪些场景适合?

mvc和mvvm其实区别并不大。都是一种设计思想。主要就是mvc中Controller演变成mvvm中的viewModel。mvvm主要解决了mvc中大量的DOM 操作使页面渲染性能降低,加载速度变慢,影响用户体验。
区别:vue数据驱动,通过数据来显示视图层而不是节点操作。
场景:数据操作比较多的场景,更加便捷

v-show 和 v-if的区别?

v-show 和v-if都是true的时候显示,false的时候隐藏
但是:false的情况下,v-show是采用的display:none;,v-if采用惰性加载。
如果需要频繁切换显示隐藏需要使用v-show

vue的优点是什么?

低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。
独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计。
可测试。界面素来是比较难于测试的,而现在测试可以针对ViewModel来写。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值