<p v-text="foo"> vs {{ foo }} 在 vue 中？

Question

vue中<p v-text="foo">和{{ foo }}有什么区别？

我知道{{ foo }} 是一些 DOM 的东西，但是它们实现了相同的功能，那么 <p v-text="foo"> 是否也在对 DOM 做一些事情？

Answer 1

他们做同样的事情。来自v-textdocs：

在内部，{{ Mustache }} 插值也被编译为 textNode 上的 v-text 指令。

无论使用哪一种，编译器都会将模板标记转换为同一个节点。