vue的内置指令有哪些 vue的内置指令有哪些构成

主机教程 建站分享 2年前 (2022-09-11) 193次浏览

文章摘要:vue的内置指令有哪些 vue的内置指令有哪些构成

vue中的内置指令有:1.v-show指令,根据表达式切换元素的display属性;2.v-if指令,用于条件 […]

vue中的内置指令有:1.v-show指令,根据表达式切换元素的display属性;2.v-if指令,用于条件性地渲染一块内容;3.v-for指令,基于一个数组或对象渲染一个列表;4.v-bind指令,动态地绑定一个或多个特性;

vue中的内置指令有以下常见的几种

1.v-show指令

vue中v-show指令的作用是根据表达式之真假值,切换元素的display属性,也可以通过display:none属性控制元素的显示与隐藏。

2.v-if指令

vue中v-if指令的作用是用于条件性地渲染一块内容,其根据表达式值的真假,从而切换元素的显示和隐藏,该指令只有在表达式返回truthy值的时进行渲染。

3.v-for指令

vue中for指令的作用是基于一个数组或对象渲染一个列表,使用一个循环指令,可以通过绑定一个标签从而循环数据源、数组、表格、数字、字符串等。

4.v-bind指令

vue中v-bind指令的作用是动态地绑定一个或多个特性,其属性后可以接变量、表达式、固定字符串等。


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:vue的内置指令有哪些 vue的内置指令有哪些构成
文章链接:http://www.7966.org/post/12297.html
转载请注明出处

喜欢 (0)