Vue模板语法 插值语法与指令语法
模板语法
- 插值语法
- 指令语法
插值语法一般用于标签体中
指令语法一般用于标签属性，用于解析标签属性
v-bind是单向数据绑定， 即数据影响页面，反过来页面不会影响数据
<script src="../lib/vue.js"></script>
<body>
<div id="root">
<h1>插值语法</h1>
<span>hello,{{name}}</span>
<!-- <br> -->
<h1>指令语法</h1>
<!-- 主要用于动态绑定属性 -->
<a :href="url" target="_blank" rel="noopener noreferrer">跳转</a>
<a v-bind:href="url.toUpperCase()" target="_blank" rel="noopener noreferrer">跳转</a>
</div>
<script type="text/javascript">
const vue = new Vue({
el:'#root',
data:{
name:'island',
url:'//www.baidu.com'
}
})
</script>
</body>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单，K8s 太复杂？w7panel 让容器管理更轻松！