<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<p v-cloak>{{ message }}</p>
<a v-bind:href="aHref">百度一下</a>
<p />
<a :href="aHref">百度两下</a>
</div>
<script>
const app = new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!',
aHref: 'https://www.baidu.com'
},
})
</script>
</body>
</html>
vue v-bind动态绑定
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:vue v-bind:class
下一篇:vue v-cloak斗篷
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
vue之v-if基本使用
v-if:根据表达式的真假,切换元素的显示和隐藏(操作DOM元素)
VUE教程 VUE学习 -
Vue v-if v-for v-bind v-on
v if v for v bind v on 案例整合
css javascript 修饰符 html json -
vue v-if未生效问题
事实证明,v-if本身是没有什么问题的,问题出在对应的变量身上。
vue.js v-if v-if无效 v-if不生效 加载