vue页面加载前显示{{代码}}的解决办法

使用vue嵌入公司维护的老项目的时候，在页面加载初始化时，THML会闪现出现{{}}，影响体验。

具体原因：html的加载顺序；

html结构 -> 加载外部脚本和样式表文件 -> 解析并执行脚本代码 -> 构造html dom模型 -> 加载图片等外部文件 -> 页面加载完毕。
　　所以，当html加载的时候，就会把{{}} 当成文本加载出来，当vue初始化完成后，才会把{{}}解析成vue的语法。
　　如果把引入vue.js的script放到head里面，那页面不会出现{{}}，因为在body之前就把vue引入进来了，vue加载完成了。

解决办法：使用<template></template>标签将需要渲染的 html 包起来。

原因分析：template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。