vue的学习

一、背景

这里记录一下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

双向数据绑定,随着数据的输入也会动态的改变数据值。

 三、资源

视频地址:

https://www.bilibili.com/video/BV1HE411e7vY?p=1

原文地址:https://www.cnblogs.com/future-dream/p/12835405.html