vue10 v-text v-html
2024-08-25 06:22:02
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>智能社——http://www.zhinengshe.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<style> </style>
<script src="vue.js"></script>
<script> </script>
</head>
<body>
<div id="box">
<span>{{msg}}</span>
<span v-text="msg"></span> <!-- 网速慢看不见花括号-->
<span v-text="msg1"></span> <!-- 不解析html-->
<span v-html="msg1"></span> <!-- 解析html-->
<span>{{{msg1}}}</span> <!-- 解析html-->
</div>
<script>
new Vue({
el:'#box',
data:{
msg:'welcome',
msg1:'<strong>welcome</strong>',
a:1,
b:1
}
});
</script>
</body>
</html>
最新文章
- css动画
- [MySQL] MySQL存储过程常用的函数
- Angularjs做的一个小页面
- Codeforces Round #353 (Div. 2)Restoring Painting
- php面向对象之__toString()
- Rehat 5.8下oracle11g安装
- WCF编程系列(六)以编程方式配置终结点
- hdu 2660 Accepted Necklace（dfs）
- 如何使用沉浸式状态栏，让你的app风格更好看
- HDU 5765 Bonds
- angular.js封装的树形指令
- cp复制文件到多个目录下及强制覆盖
- 【JAVA零基础入门系列】Day13 Java类的继承与多态
- myeclipse10破解
- SQL SERVER 执行动态SQL EXEC
- richedit缩放
- OLTP/OLAP
- 《Mysql ALTER基本操作》
- 撩课-Web大前端每天5道面试题-Day33
- 用信鸽来讲解HTTPS的知识