vue指令

2022-04-24  本文已影响0人  这世间好折磨人

语法:  v-指令='{{变量}}'

(1)、v-html         可识别 / 可翻译 标签

(2)、v-text          渲染文本内容

(3)、v-bind          绑定属性(包括自定义属性)简写       (   :属性名)

(4)、v-show        控制元素的显示隐藏(布尔值)

(5)、v-if                可以用于判断(也可以用于隐藏元素)

(6)、v-else            一般和 v-if 一起使用用于判断 ( v-else-if )

(7)、v-on             事件 简写(:@事件名='执行程序')( 默认参数就是 evnet事件对象)(事件参数的传递 $event   vue的写法)

(8)、v-for        循环遍历数组和对象(v-for='(数组元素,索引) in 数组/对象')

                   v-if 和 v-for 不能在一个标签内使用     因为v-if 优先级比 v-for 高

(9)、v-model      双向绑定    (相当于  @input事件 + :value= ' '  )

(10)、自定义指令

                    v-指令名            app.directive('指令名',配置信息)

上一篇下一篇

猜你喜欢

热点阅读