Vue.js 里属性绑定数据为什么弃用 Mustache {{ }} 而改用 v-bind

在 0.12 版本的时候,可以这样绑定属性与数据:

<item page={{ displayPage }}></item>

后来改成了这样:

<item v-bind:page="displayPage"></item>

现在造成有两种绑定数据的方法,一种是属性,用 v-bind,一种是文本,用 {{ }},而原来只要一种 {{ }} 就够了。

这样增加复杂度的改动有什么原因呢?

------------------------- UPDATE -------------------------------

已解惑,见:

https://www.v2ex.com/t/321359...

阅读 3.3k
2 个回答
新手上路,请多包涵

如果页面足够大或者其他一些原因,渲染替换未完成,可能会直接展示给用户{{ something }},而不是正确的数据

这样是绑定表达式

<item :page=displayPage ></item>

这样是绑定字面值

<item page=displayPage ></item>

是不是简洁了不少?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题