在什么情况下会选择一种v型文本在“小胡子”语法？

Question

按照VueJS docs，<span v-text="msg"></span>是一样的<span>{{msg}}</span>。出真没有什么比习惯其他的我总是用“小胡子”语法来绑定数据。在什么情况下会选择一种，而不是使用v-text，为什么？

Answer 1

该指令更新与innerContent一个html节点。 HTML将不会被渲染像V-HTML。您可以使用V-文本有你的模板看看其他但是在内部，{{髭}}插值也被编译为V-文本direcitve。

Answer 2

你可能想使用V-文本的一个原因是，如果你需要预先渲染服务器上的一些标记，但也有其绑定客户端。例如：

<span v-text="msg">This message was pre-rendered from the server.</span>

这样的{{msg}}语法不会在内容的方式获得。