为什么Vue在HTML中会使用花括号{{}}进行数据绑定，如何避免这种问题？

本文共计862个文字，预计阅读时间需要4分钟。

原因：+ 浏览器渲染机制，解析HTML结构 + 加载外部脚本和样式文件 + 解析并执行脚本代码 + 构造HTML DOM模型 + 加载图片等外部文件 + 页面加载完成。初始化Vue的JS写在页面底部，也是Vue初始化。

原因：

浏览器渲染机制，解析html结构 -> 加载外部脚本和样式表文件 -> 解析并执行脚本代码 -> 构造html dom模型 -> 加载图片等外部文件 -> 页面加载完毕。

初始化vue的js写在页面底部，也就是最后才执行js脚本。