vue渲染过程的{{xxx}}显示

标签：页面   display   nbsp   自定义属性   html   xxx   去掉   字符   play   

这是由于浏览器的渲染机制导致的，浏览器是从头到尾  如果你的js引用在底部，那么浏览器会先加载dom此时，你用于渲染的{{}}识别符，因为还没读到该识别符对应的js文件，所以会被解析为字符串而显示在页面中，我们可以用过自定义属性v-cloak解决，

实例对象对应标签中加入 v-cloak:

　　<div id="wrap" v-cloak>

然后在css中给定义属性选择器 

　　[v-cloak]{

　　display:none

}

vue实例创建完成后会把v-cloak去掉，在没创建实例对象时，该标签内的内容都会被隐藏

或者我们可以通过v-text 或者 v-html标签

v-text：<div v-text=”实例字段”></div>

v-html：<div v-html="实例字段"></div> 可以识别html代码块 原理是innerHTML;

vue渲染过程的{{xxx}}显示

标签：页面   display   nbsp   自定义属性   html   xxx   去掉   字符   play   

原文地址：http://www.cnblogs.com/chaky/p/7255857.html