v-html指令
v-text指令
v-html和v-text的区别 v-html只能显示标签内容不读取标签,v-text读取内容也读取标签
v-pre指令
显示标签下的内容不读取Vue
v-once指令
只执行第一次Vue内容
v-cloak指令与beforemount
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div id="app">
<input type="" v-model="msg" id="" value="" />
<p v-html="msg">
{{msg}}
</p>
<h1 v-text="msg">{{msg}}</h1>
<a href="" v-pre>{{msg}}</a>
<a href="" v-once>{{msg}}</a>
<h1 v-cloak>{{msg}}</h1>
</div>
<script src="../JS/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
new Vue({
el:'#app',
data:{
msg:"12314546"
},
beforeMount:function(){
alert(1111)
}
})
</script>
</body>
</html>