复习Vue第一天——基础属性复习

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(){
            在这里设置函数
        }
    }
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页