2021-02-21

Vue.js

1.Vue.js 可以说是 MVVM 架构的最佳实践,是一个 JavaScript MVVM 库,是一套构建用户界面的渐进式框架。专注于 MVVM 中的 ViewModel,不仅做到了数据双向绑定,而且也是一款相对比较轻量级的 JS 库,API 简洁
2. Vue用于构建用户界面的渐进式框架,渐进式框架的含义是:主张最少,每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度会影响在业务开发中的使用方式。
3.双向数据绑定:vue.js会自动响应数据的变化情况,并根据用户在代码中预先写好的绑定关系,对所有绑定在一起的数据和视图都进行修改

Vue基础语法

在这里插入图片描述
el:表示new的这个vue实例, 需要控制页面上的哪个区域
data:就是MVVM中的M 专门用来保存每个页面的数据
methods :定义了当前vue实例所有可用的方法

指令

v-show v-show:根据表达式的真假值来显示和隐藏元素

在这里插入图片描述

v-text v-text指令会直接覆盖标签之间的内容

在这里插入图片描述

v-html

插入标签

v-if 根据表达式的真假值来动态插入和移除元素

在这里插入图片描述

图片切换

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值