vue指令

作者: 这世间好折磨人 | 来源:发表于2022-04-24 15:31 被阅读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('指令名',配置信息)

    相关文章

      网友评论

          本文标题:vue指令

          本文链接:https://www.haomeiwen.com/subject/qzcbdrtx.html