往期内容
如果要将某一个属性的值和data中的状态绑定, 需要使用绑定指令
属性绑定
将 一个元素 的一个属性值和data中的一个变量绑定
<!-- 完整的写法 -->
<a v-bind:href="url">百度</a>
<!-- 简写(推荐) -->
<a :href="xzd">新中地</a>vue官方更推荐简写的方式
js部分
const vm = createApp({
data() {
return {
url: 'http://www.baidu.com',
}
},
}).mount('#app')- 将a标签
href属性和data中的url变量绑定 - 相当于
<a href="http://baidu.com"></a>