问题 v-bind和{{}}之间的区别?


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

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

当像这样绑定 value={{vuexState.myString}},光标停留在原处。

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

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

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


3724
2018-04-01 17:54


起源

有意思,你试过在这里问你的问题吗? github.com/vuejs/Discussion/issues? - nekman
该线程被弃用了,使用了 论坛 代替 - Yerko Palma
我不希望在这看到有什么区别。你能提供代码还是小提琴,以便我们测试? - Jeff
好吧,看看这个: jsfiddle.net/9q6r19eq 看起来像Vue只关心道具中的{{}} - Xowap


答案:


它在关于的文档中 插值 并已被弃用(见。 从1.x迁移guit

弃用

这是旧的方式

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

改为使用Javascript表达式:

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

8
2017-10-07 17:22





看一下控制台,它似乎已被弃用,支持冒号语法或 v-bind

vue.js:2237 [Vue warn]: foo="{{foo}}": Interpolation inside attributes has been deprecated. Use v-bind or the colon shorthand instead. 

2
2017-08-09 06:21





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


0
2017-07-31 20:59