提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
一、v-cloak是什么?
在vue.js中 v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的。
二、使用步骤
1.css代码如下
<style>
[v-cloak]{
display: none;
}
</style>
2.Htnl代码
代码如下(示例):
<div id="xiong">
<p v-cloak>{
{
mag}}</p>
</div>
<script>
var vm=new Vue({
el: '#xiong',
data:{
mag:'123'
},
methods:{
}
})
</script>
使用方法比较简单,但是要记住一点v-cloak能解决闪烁问题。