<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="util/vue-2.4.0.js"></script>
<style>
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div id="test1">
<!-- 使用v-cloak 是为了解决在网速很慢的情况下,由于vuejs脚本没有请求过来的时候会显示原始模板问题-->
<p v-cloak>111{{ msg }}222</p>
<p v-text = "msg">111222</p>
<!-- v-text 和模板{{ msg }} 都能显示script data里面的msg数据,不同的地方是 v-text会覆盖之前的内容,而模板不会-->
<div v-html="msg2"></div>
<!-- v-html 是解析html标签数据的 -->
</div>
<script>
var vm1= new Vue({
el:"#test1",
data:{
msg:"welcome study vue",
msg2:"<h1>h1 标题</h1>"
}
})
</script>
</body>
</html>
vue_2 模板 v-cloak v-text v-html 使用
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- Xamarin XAML语言教程构建ControlTemplate控件模板 控件模板ControlTemplate...
- 一 ： 指令的概念： 指令是vue自定义的以v-开头的自定义属性。每个不同的属性都有各自不同的意义和功能 二 ： ...
- 在vue中将数据填充进模板，最常用的方法应该是{{ name }}这样插值，但是有时候向后端请求到的数据中有转义字...
- 【作者】白宇晨 【导师】王玉印、袁文魁 【导图解说】 刚刚来到研究生的新学校，有一周的适应时间。虽然第一周...
