vue-day22--v-text指令
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>过滤器</title>
<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<div id="root">
<!--
我们学习过的指令
v-bind :单向绑定解析式 可简写为 :xxx
v-model :双向数据绑定
v-dor :遍历数组/对象/字符串
v-on :绑定事件监听，可简写为@
v-if :条件渲染（动态控制节点是否存在）
v-else :条件渲染（动态控制节点是否存在）
v-show :条件渲染（动态控制节点是否展示）
v-text 指令
1.作用：向所在的节点中渲染文本内容
2.与插值语法的区别：v-text 会替换掉节点中的内容
-->
<div>你好{{name}}</div>
<div v-text="name"></div>
<div v-text="str"></div>
</div>
<script type="text/javascript">
const vm = new Vue({
el: "#root", //el用于指定当前vue实例为那个容器服务，但通常为css选择器字符串
data: {
name: "史满意",
msg: "你好呀,郑西行",
str: "<h1>测试</h1>",
},
});
</script>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！