Vue 绑定没有冒号或 shorthand

Vue bind without colon or shorthand

Vue 有什么办法可以不使用 shorthand 或冒号?这是无效的 html,我在 Node.js

中使用 React-Dom 实现服务器渲染时遇到问题

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

有 2 个重要的 shorthand 符号:

<div :value="true"></div> 表示 <div v-bind:value="true"></div>

<div @click="myFunc"></div> 表示 <div v-on:click="myFunc"></div>

因此您可以交替使用两者。

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

可以使用Vue 2.4.0+语法:

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

对于此语法,passiveoncecapture 修饰符可以相应地使用 &~! 前缀进行分配 (Event & Key Modifiers).

其他修改器尚未实现 (见本期:Extending object syntax of v-on to support modifiers #7846)。