Vue
1.MVC、MVVM模式
MVC模式:
M–model 模型—控制数据
V-View 视图-界面
C-control -控制器-事件交互
MVVM模式:
M-model-负责数据存储
View-页面展示
View Model-业务逻辑处理,对数据加工后给回视图
2.Vue条件渲染:
v-if=“设置一个类型”
v-else
if和else中间不能有别的内容
v-show=“设置一个类型”
if和show的区别:前者操纵js 后者操纵css
绑定事件用"@"
let vue = new Vue({
el:"绑定id",
data:{
设置的类型:true/false 控制是否显示
}
})
3.列表渲染:
v-for=“item in 设置的列表”
v-for=“item in 设置的另一个对象”
{{item.属性1}}…………………………
data:{
设置的对象:["","",""]
设置的另一个对象:[
{
属性1:,
属性2:,
属性3:,
}
]
}
4.计算属性
它允许我们对指定的视图,复杂的值计算。这些值将绑定到依赖项值,只在需要时更新。
在js中 添加一个:
computed:{
在这里实现复杂的计算的函数
}
可以设置set\get
5.监听属性
通过watch监听,可以实时监听到数据的变化,以及根据数据的变化设置相关触发的函数
在js中添加一个:
watch:{
属性:function(){
在这里设置函数
}
}