vue3学习记录

vue动态参数
在这里插入图片描述

动态绑定class的几种方式
在这里插入图片描述

动态绑定style的几种方式
在这里插入图片描述

v-show 不支持 <template> 元素,也不支持 v-else,v-if支持 <template> 元素

v-for既可以遍历数组也可以遍历对象
在这里插入图片描述

不要使用对象或数组之类的非基本类型值作为 v-for 的 key。请用字符串或数值类型的值。

数组能触发视图更新的变更方法
在这里插入图片描述

v-for和v-if一起使用
在这里插入图片描述

事件处理程序中可以有多个方法
在这里插入图片描述

v-model修饰符
在这里插入图片描述

$emits抛出事件的参数:
在这里插入图片描述

dom模板的驼峰写法
在这里插入图片描述

在这里插入图片描述

v-bind的写法
在这里插入图片描述

在这里插入图片描述

根元素自动继承非props属性
根元素自动继承非props属性

在这里插入图片描述

v-bind="$attrs"属性继承,禁用根元素继承属性

v-bind="$attrs"属性继承,禁用根元素继承属性
emits事件验证

emits事件验证
自定义组件上使用v-model
第一种:
在这里插入图片描述
第二种:get set方法
在这里插入图片描述

自定义组件上使用v-model
多个v-model

多个v-model
自定义修饰符

自定义修饰符
作用域插槽

作用域插槽
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
provide/inject (provide 和 inject 绑定并不是可响应的)
在这里插入图片描述

<keep-alive>

在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值