Vue 如何实现双卷曲/小胡子语法？

Question

How does a Javascript framework like Vue implement a new syntax that the browser is able to compile/parse??? I am particularly wondering about the double curlies (or commonly known as mustach syntax).

Answer 1

The Vue syntax is indeed not understood by the browser. the work is done by the Vue library that's imported in every Vue app.

The original markup (with the curly braces showing up) can even be seen for a split second when the page is loading, and this is because Vue hasn't loaded up all the way yet.