<h5>12.动态参数</h5>
<p>v-bind:[attributeName]="url"和v-on:[eventName]="doSomething",当“[]”里面的动态参数变化时,相当于绑定的属性值和事件发生了变化</p>
<p class="ppv">
	<a v-bind:[ame]="url">去百度</a> 
	<button v-on:click="changeA">点击切换为跳转链接</button>
</p>
<pre>注意:v-bind动态参数时[参数名]和后面的值url都必须是动态的数据,v-on也一样</pre>
<script type="text/javascript">
	 //绑定动态参数
	const att = {
		data(){
return {
	ame:'title',
	url:'http//www.baidu.com'
}
		},
		methods:{
changeA(){
	this.ame='href';
}
		}
	}
	Vue.createApp(att).mount(".ppv");
</script>

交互效果见:https://course.51qux.com/vue3-0-1

版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。