v-bind和{{}}之间的区别？

Question

我有一个输入字段,值字段传递存储在Vuex中的字符串.取消输入字段更改并将新字符串同步到Vuex.

当这样绑定:value="vuexState.myString时,键入时,光标会跳转到行尾.

当这样绑定时value={{vuexState.myString}},光标保持原样.

根据指南:http://vuejs.org/guide/syntax.html#Arguments 这两个应该是相同的,{{ }}内部转换为样式:bind.这可能是个错误吗？

我的理论是发生光标跳跃是因为vuex状态更改重新呈现输入,并且{{ }}样式仅插入一次,而绑定语法在每次更改时重新呈现输入.

我目前正在使用,value={{vuexState.myString}}但我想知道发生了什么,或者是否有更好的方法来做到这一点.

Answer 1

它位于关于插值的文档中,已被弃用(参见1.x中的迁移guit)

弃用

这是旧的方式

<div class="btn btn-primary hint--top {{class}}"></div>

解

改为使用Javascript表达式:

<div v-bind:class="'btn btn-success hint--top '+ class "></div>

Answer 2

v-text:'something' === {{something}}