Vue指令

Posted 2021-06-05 momirror

缩写

v-bind缩写：直接去掉v-bind,如

<!-- 完整语法 --> <a v-bind:href="url">...</a>

<!-- 缩写 --> <a :href="url">...</a>

v-on缩写：将v-on:写成@,如

<!-- 完整语法 -->
<a v-on:click="doSomething">...</a>

<!-- 缩写 -->
<a @click="doSomething">...</a>

 

 

v-html

可以将一段html代码绑定到指定的html元素上。如后端返回一段html,可用这个指令直接显示。

<div v-html="mostExpected"></div>

将返回的html代码赋值给data中的mostExpected就行了。