Vue学习笔记28--v-cloak
v-cloak
总结：v-cloak(没有值)： <br>
1.本质是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉 v-cloak属性。<br>
2.使用css配合 v-cloak 可以解决网速慢时页面展示出{{xxx}}的问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>v-text|v-html</title>
<!-- js阻塞 -->
<script type="text/javascript" src="../Js/vue.js"></script>
<style>
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div id="root">
<h3 v-cloak>{{name}}</h3>
<hr>
<h3>
总结：v-cloak(没有值)： <br>
1.本质是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉 v-cloak属性。<br>
2.使用css配合 v-cloak 可以解决网速慢时页面展示出{{xxx}}的问题
</h3>
</div>
</body>
</html>
<script type="text/javascript">
//console.log(vm)
Vue.config.productionTip = false
const vm = new Vue({
el: '#root',
data: {
name: 'v-text 学习笔记',
},
})
</script>
博客内容主要用于日常学习记录，内容比较随意，如有问题，还需谅解！！！