175-2108-6175
网站建设资讯详细

Vue常用指令

日期:2023-01-17  作者:千语创想  浏览:3090

vue常用的指令:

v-once指令、v-show指令、v-if指令、v-else指令、v-else-if指令、v-for指令、v-html指令、v-text指令、v-bind指令、v-on指令、v-model指令等等。


下面对几个指令做下重点介绍:

v-once

这个指令让视图只渲染一次,将来就算相应的数据发生变化,也不会重新渲染。该指令主要在希望静态显示不需要更新数据的时候使用。

v-html

这个指令主要在需要操作原始HTML的时候使用。

v-bind

该指令在需要绑定HTML标签属性的时候使用。为了方便,该指令还有一个缩写:,例如:class="myClass"就相当于v-bind:class="myClass"。

v-on

该指令主要用于绑定事件处理程序。该指令有缩写@,例如@click="onClick"就相当于v-on:click="onClick"。

v-show、v-if、v-else和v-else-if

这几个指令主要用于条件渲染。

v-for

该指令用于渲染整个列表。

v-model

该指令可以让页面元素和数据进行双向绑定。默认情况下数据和页面元素是单向绑定的,使用该指令可以让其变成双向绑定。该指令主要用于处理表单等场景。


来千语创想学习更多免费APP开发知识:app软件开发 app开发源码下载 app开发视频教程 app制作模板等免费获取。

立即免费在线制作一个APP,新手注册即送开发大礼包


转载请注明来自:https://www.qianyuthink.com/news/7287.html