Vue笔记总结

MVC和MVVM的关系图解在这里插入图片描述
MVVM:

  • M:保存每个页面的单独数据
  • V:视图层,用来显示页面
  • VM:将二者结合起来,二者通过VM存取数据

v-cloak

  • 可以解决插值表达式闪烁问题
    在这里插入图片描述

v-text

和v-cloak功能类似,区别如下:
在这里插入图片描述


v-html

  • 可以将HTML文本识别出来
    在这里插入图片描述

v-bind指令

v-bind:用于提供属性绑定的指令。
在这里插入图片描述


v-on指令

v-on简写为@。
在这里插入图片描述
在这里插入图片描述
事件修饰符在这里插入图片描述
在这里插入图片描述


v-model和双向数据绑定

  • v-bind只能实现单向绑定,从M自动绑定到V;
  • v-model则能实现M自动绑定到V,而且还能实现V自动绑定到M;
  • v-model只能运用在表单元素中。

在这里插入图片描述
在这里插入图片描述


Vue中使用样式在这里插入图片描述


v-for

循环对象数组
在这里插入图片描述
循环对象在这里插入图片描述
循环普通数字在这里插入图片描述
使用注意事项在这里插入图片描述
在这里插入图片描述


删除的方式

在这里插入图片描述


过滤器的使用
在这里插入图片描述


组件创建
在这里插入图片描述


链接的使用
在这里插入图片描述


webpack项目构建工具
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值