1.属性绑定和双向数据绑定

最新推荐文章于 2020-10-03 20:15:16 发布

小仙女般的张小琦

最新推荐文章于 2020-10-03 20:15:16 发布

阅读量153

点赞数

分类专栏： vue2.5入门

本文链接：https://blog.csdn.net/qq_41423485/article/details/104095927

版权

vue2.5入门专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>属性绑定和双向数据绑定</title>
		<script src="./vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="root">
			<div v-bind:title="title">    
			<!-- //v-bind 实现属性绑定 -->
				hello world
			</div>
			<input type="" name="" id="" v-model="contend" />      
			<!-- //v-model实现双向数据绑定 -->
			<div id="">
				{{contend}}
			</div>
		</div>
		<script type="text/javascript">
			new Vue({
				el:"#root",
				data:{
					title: "this is hello world",
					contend: "this is contend"
				}
			})
		</script>
	</body>
</html>