vue.js - Vue绑定没有冒号或简写

Question

Vue有什么办法不使用简写或冒号？这不是有效的 html，我在使用 React-Dom 实现它以在 Node.js 中进行服务器渲染时遇到问题

Answer 1

见https://vuejs.org/v2/guide/syntax.html#v-on-Shorthand

有两个重要的速记符号：

<div :value="true"></div>方法<div v-bind:value="true"></div>

<div @click="myFunc"></div>方法<div v-on:click="myFunc"></div>

所以你可以互换使用两者。

它可能不适用于您的情况，我还没有尝试将 react-dom 和 vue 混合在一起。

Answer 2

可以使用 Vue 2.4.0+ 语法：

<a v-on="{click:myFunc}" ...

对于这种语法passive，可以使用,和相应的前缀（事件和键修饰符once）capture分配修饰符。&~!

其他修饰符尚未实现（请参阅此问题：扩展 v-on 的对象语法以支持修饰符 #7846）。