Vue 的 Mustache 语法是用来渲染模板的一种语法，它是 Vue 中最常用的模板语法之一。通过 Mustache 语法，我们可以将 Vue 实例中的数据绑定到 HTML 模板中，从而动态地更新 DOM。
底层原理是 Vue 在解析模板时，将模板中的 Mustache 语法解析成对应的 JavaScript 表达式，并将其与 Vue 实例中的数据进行绑定。当数据发生变化时，Vue 会重新计算表达式的值，然后将新的值更新到 DOM 中，从而实现了数据的双向绑定。
具体来说，当解析模板时，Vue 会将模板中的 Mustache 语法转换成一个 JavaScript 表达式，如下所示：
<div>{{ message }}</div>
被转换为：
<div>{{_s(message)}}</div>
其中 _s 是 Vue 内置的一个方法，用于将数据转换为字符串。在运行时，Vue 会将这个表达式与 Vue 实例中的数据进行绑定，当数据发生变化时，Vue 会重新计算表达式的值，并将新的值更新到 DOM 中。
需要注意的是，由于 Mustache 语法只能进行单向绑定，即数据只能从 Vue 实例流向 DOM，而不能从 DOM 流向 Vue 实例。如果需要实现双向绑定，需要使用 Vue 的 v-model 指令。
