通過在css中添加下面語句,在需要不閃爍的地方添加上v-cloak屬性:
css:
[v-cloak]{
display: none;
}
html:
<div class="container" v-cloak>
<h1 class="text-center">{{message}}</h1></div>
js中的model:
data:{
message:"hello"
}
出現閃爍的原因:
先加載html,后加載js
解決閃爍
1,把js放在html上面(head之間)
2.加v-bind
3.v-bind-template
4.v-cloak
補充一個小知識點:
css中添加默認屬性,這是激活vue路由鏈接中的css樣式:
.router-link-active{
color: red;
font-size: 20px;
}
