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}" ...
对于此语法,passive
、once
和 capture
修饰符可以相应地使用 &
、~
和 !
前缀进行分配
(Event & Key Modifiers).
其他修改器尚未实现
(见本期:Extending object syntax of v-on to support modifiers #7846)。
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}" ...
对于此语法,passive
、once
和 capture
修饰符可以相应地使用 &
、~
和 !
前缀进行分配
(Event & Key Modifiers).
其他修改器尚未实现 (见本期:Extending object syntax of v-on to support modifiers #7846)。