在什么情况下人们会选择v-text而不是“mustache”语法？

Question

根据VueJS docs，<span v-text="msg"></span>与<span>{{msg}}</span>相同。除了习惯之外，我总是使用“胡子”语法来绑定数据。在什么情况下会选择使用v-text，为什么？

Answer 1

该指令使用innerContent更新html节点。 Html不会像v-html一样呈现。您可以使用v-text让您的模板看起来不同于内部，{{Mustache}}插值也可以编译为v-text direcitve。

Answer 2

您可能要使用v-text的原因之一是，您是否需要在服务器上预渲染某些标记，还需要将其绑定到客户端。例如：

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

那样，{{msg}}语法不会妨碍内容。