vue常用指令：v-cloak
v-cloak:利用v-cloak配合[v-cloak]:{display:none}默认先隐藏未渲染的界面，等到生成HTML渲染之后再重新显示
指令作用：数据渲染之后自动显示元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>learn vue</title>
<script src="js/vue.js"></script>
</head>
<body>
<!--
v-cloak:利用v-cloak配合[v-cloak]:{display:none}默认先隐藏未渲染的界面，等到生成HTML渲染之后再重新显示
指令作用：数据渲染之后自动显示元素
-->
<div id="app">
<p>当前数据：{{name}}</p>
</div>
<script>
let vue = new Vue({
el: '#app',
data: {
name: "张三"
},
methods: {
}
});
</script>
</body>
</html><< 上一篇
下一篇 >>