常见内置指令v-text v-html v-cloak v-once v-pre
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>内置指令</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link href="css/style.css" rel="stylesheet"> -->
</head>
<body>
<div class="mainbox">
<div class="">
目前是:{{times}}
</div>
v-text:
<div v-text="x">
</div>
<br>
v-html:
<div v-html="x">
</div>
v-colak:
<div v-colak="x">
</div>
</div>
</body>
<script src="js/vue.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/dayjs/1.11.3/dayjs.min.js"></script>
<script>
Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示
new Vue({
el: .mainbox ,
data:{
times:Date.now(),
x: <h5>你好吗这是什么啊？</h5>
},
})
</script>
</html>
© 版权声明
文章版权归作者所有，未经允许请勿转载。
相关文章
暂无评论...
