vue常用指令

1.v-html
双大括号的方式会将数据解释为纯文本,而非HTML。为了输出真正的HTML,可以用v-html指令。它等同于JS的innerHtml属性。

2.v-if   
v-if可以实现条件渲染,Vue会根据表达式的值的真假条件来渲染元素。

yes

3.v-else
v-else是搭配v-if使用的,它必须紧跟在v-if或者v-else-if后面,否则不起作用。

yes
No


4.v-else-if
v-else-if充当v-if的else-if块,可以链式的使用多次。可以更加方便的实现switch语句


    A


    B


    C


    Not A,B,C

5.v-show

用于根据条件展示元素。和v-if不同的是,如果v-if的值是false,则这个元素被销毁,不在dom中。但是v-show的元素会始终被渲染并保存在dom中,它只是简单的切换css的dispaly属性。

hello world

6. v-for
用v-for指令根据遍历数组来进行渲染
有下面两种遍历形式

   //使用in,index是一个可选参数,表示当前项的索引

7.v-model


   
   

hello {{somebody}}




8. v-on
v-on主要用来监听dom事件,以便执行一些代码块。表达式可以是一个方法名。
简写为:【 @ 】


   

 

你可能感兴趣的:(vue常用指令)