一、背景
这里记录一下vue的基础内容,方便以后的巩固和查询。
官网:https://cn.vuejs.org/index.html
二、属性操作
2.1 v-text
文本渲染
v-text渲染文本内容,可以使用差值表达式进行处理差值格式{{}}
2.2 v-html
界面选渲染
v-html可以渲染text和HTML标点格式,如果差值内容不为HTML格式,差值效果和v-text一致
2.3 v-on
v-on缩写是@
事件触发
对事件进行触发,包括点击双击,以及设置快捷操作等
2.4 v-show
为真显示
v-show是控制style,会将表达式换成Boolean值
2.5 v-if
条件判断
与v-show的作用结果一致
区别:v-show是style,v-if是dom操作。
2.6 v-bind
v-bind缩写:属性名
{attribute:boolean}用于设定是否可见
对属性值或者样式进行控制,如src或者点击触发样式等
2.7 v-for
循环,可以和其他的结合如v-bind循环创建属性值,(index,item)第一个是索引值,第二个是项目值
可以对v-for下面的子dom树进行循环建立。包括标签值和属性值
2.8 v-model
双向数据绑定,随着数据的输入也会动态的改变数据值。
三、资源
视频地址: