(精华2020年5月4日更新) vue教程篇 v-bind的使用

最新推荐文章于 2024-03-29 14:29:10 发布

2b勿扰

最新推荐文章于 2024-03-29 14:29:10 发布

阅读量1.4w

点赞数 1

分类专栏： (持续更新)vue基础篇文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_41181778/article/details/105912419

版权

(持续更新)vue基础篇专栏收录该内容

29 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>属性绑定和属性的简写</title>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script>
		window.onload=function(){
			let vm=new Vue({
				el:'#itany',
				data:{
					url:'https://www.baidu.com',
					w:'200px',
					h:'200px',
					tag:'xxxxx'
				}
			});
		}
	</script>
</head>
<body>
	<div id="itany">
		<!-- <img src="{{url}}"> -->

		<!-- 可以直接访问vue中的数据，不需要使用{{}} -->
		<!-- <img v-bind:src="url" v-bind:tag="tag"> -->

		<img :src="url" :width="w" :height="h">
	</div>
</body>
</html>