vue笔记(待更新)

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

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

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

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

你可能感兴趣的:(自学)