当前位置:首页>开发>正文

js指令基础知识

2023-04-29 13:17:11 互联网 未知 开发

js指令基础知识?

js指令基础知识


指令,其实指的就是vue的v-开头的自定义属性。每个不同的属性都有各自不同的意义和功能。

1 v-text

作用:操作元素中的纯文本

2 v-html

作用:操作元素中的html

3 v-bind

作用:v-bind绑定页面中的元素属性。例如:a的href属性,img的src、alt和title属性。

4 v-show

作用:通过判断,是否显示该内容。如果值为true,则显示。否则就隐藏。

5 v-if

作用:判断是否加载固定的内容。如果为真,则加载;为假时,则不加载。

6 v-else

v-else必须紧跟在v-if后面,否则他不能被识别。表示:当v-if的条件不成立的时候执行。

7 v-for

作用:控制html元素中的循环,实现诗句列表的生成。

8 v-on

作用:对页面中的事件进行绑定

9 v-model

作用:接受用户输入的一些数据,直接就可以将这些数据挂在到data属性上。