一、Vue.js中的v-cloak指令?
可以使用 v-cloak 指令设置样式,当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码,可以使用 v-cloak 指令来解决问题。
HTML:
<div id="app">
<p v-cloak>{{msg+1+1+1+1+1+1+1+1+1+1+1}}</p>
</div>
引入Vue.js:
<script src="./js/vue.js"></script>
注意:需要引入你目录下的Vue.js
JavaScript:
<script>
let vm = new Vue({
el: "#app",
data: {
msg: 'Hello Word'
}
})
</script>
Style:
<style>
[v-cloak] {
display: none;
}
</style>
此时我们再刷新网页就看不到一闪而过的vue源代码了,