v-text,v-html,v-once,v-pre指令
2018-09-16 本文已影响0人
信不由衷
1.v-text,v-html,v-once,v-pre指令
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--v-text:正常文本输出，显示标签和标签的内容，
v-html:解析标签，不显示标签，只显示标签中的内容，
v-once:只绑定一次，vue中写的什么就输出什么，
v-pre:原样输出，标签中写什么就输出什么，-->
<div id="itany">
<input type="" v-model="msg">
<p v-text="msg"></p>
<h1 v-html="msg"></h1>
<h2 v-once>{{msg}}</h2>
<h3 v-pre>{{msg}}</h3>
</div>
<script src="js/vue.js"></script>
<script>
new Vue({
el:"#itany",
data:{
msg:"信不由衷。"
}
})
</script>
</body>
</html>
