使用v-斗篷后Vue.js显示变量的解决方案

v-斗篷指令旨在防止加载页面时出现vuejs的变量名，但有时添加该指令时变量仍会显示。这是怎么回事？

v形斗篷的用途：

HTML代码：

div v-斗篷{{ message }}/divCSS代码：

[v-斗篷]{ display : none；}这样，只有编译完div中的变量，才会显示出来。

但有时候添加之后，还是会显示一些变量。这是怎么回事？透过控制台看，原来v型斗篷的显示属性被高优先级的样式覆盖了，所以我的解决方案是加！重要，简单，粗鲁。新的css样式如下：

[v-斗篷] { display:none！重要；}经过检测，不会有副作用。如果你有更好的计划，欢迎交流。相关截图如下：

没用过！重要之前的截图

相关链接：

1.描述1。Vue.js 1.0官网v-斗篷

摘要

以上就是Vue.js在使用边肖介绍的v-斗篷后仍然显示变量的解决方案。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！