|
|
|
|
步骤 2 : v-bind:href 简写成 :href
通过v-bind进行属性绑定
<a v-bind:href="page">http://12306.com</a> <script src="https://how2j.cn/study/vue.min.js"></script>
<div id="div1">
<a v-bind:href="page">http://12306.com</a>
</div>
<script>
new Vue({
el: '#div1',
data:{
page:'http://12306.com'
}
})
</script>
<script src="https://how2j.cn/study/vue.min.js"></script>
<div id="div1">
<a v-bind:href="page">http://12306.com</a>
</div>
<script>
new Vue({
el: '#div1',
data:{
page:'http://12306.com'
}
})
</script>
本来是 v-bind:href, 可以简写成 :href
<script src="https://how2j.cn/study/vue.min.js"></script>
<div id="div1">
<a :href="page">http://12306.com</a>
</div>
<script>
new Vue({
el: '#div1',
data:{
page:'http://12306.com'
}
})
</script>
<script src="https://how2j.cn/study/vue.min.js"></script>
<div id="div1">
<a :href="page">http://12306.com</a>
</div>
<script>
new Vue({
el: '#div1',
data:{
page:'http://12306.com'
}
})
</script>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|