vue笔记(待更新)

1.v-model指令(自定义属性)
在给 input 元素添加 v-model 属性时,默认会把 value 作为元素的属性,然后把 ‘input’ 事件作为实时传递 value 的触发事件,如2中例

2.v-show如果元素存在即显示
在这里插入图片描述
没有输入时
输入18时在这里插入图片描述

3.v-if有输入且属性存在时跟v-show效果相同,若不存在则删除整行(存疑)

4.v-for
少用于字符串迭代,一般用于同类型对象迭代。实例如下
在这里插入图片描述
在这里插入图片描述
代码效果在这里插入图片描述
5.v-bind 适用于绑定资源类例如 href src class
基本格式v-bind:src=’ ’ 填入data中所定义的属性名,方便于后期维护与修改
并且在浏览器前端处理中,会自动转换成符合w3c规范的格式
更多用法:v-bind:class=‘{active:isactive}’ 仅当isactive为真时

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值