加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
03-text-html.html 676 Bytes
一键复制 编辑 原始数据 按行查看 历史
ouqianbei 提交于 2021-03-16 17:24 . add
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
<div id="box">
使用v-text:
<span v-text="msg">
{{msg}}
</span>
<br>
使用v-html:
<span v-html="msg">
{{msg}}
</span>
</div>
<script>
/**
* v-text:指令;和vue实例中的data数据进行绑定;使用{{}}时展示文本
* v-html:和text的区别就是会解析html标签
* @type {Vue}
*/
var vue = new Vue({
el: "#box",
data: {
msg: "<h2>hello vue</h2>"
}
})
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化