Vue中常见指令汇总

Vue指令

  • 解释:是指带有 v- 前缀的特殊属性
  • 作用:当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM

1、v-html

 解释:更新dom对象的innerHTML

2、v-text

解释:更新dom对象的textContent

    

3、v-bind

解释:表达式值改变时,dom被响应式地及时更新

语法:v-bind:title="msg"

    

4、v-once

解释:仅渲染一次

    
this will never change:{{message}}

5、v-if、v-else-if和v-else

解释:根据表达式的值的真假条件,销毁或重建元素

  
b
other

6、v-show

解释:根据表达式的真假值,切换元素的 display 属性

默认情况下表达式值为false

  
这是v-show的内容

8、v-on

解释:绑定事件

语法:v-on:click="say" or v-on:click="say('参数', $event)"

简写:@click="say"

说明:绑定的事件定义在methods

 

{{count}}

你可能感兴趣的:(#,vue,前端)