vue学习笔记-vue双向数据绑定

115 阅读1分钟

vue双向数据绑定


<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>vue双向数据绑定</title>
	</head>

	<body>
		<div id="app">
			<div>
				<input v-model="parentMsg"/><!--意思是用户的所输入即更新到数据层里的parentMsg作为数据的值-->
				<br>
				<p>{{parentMsg}}</p>
			</div>
		</div>

		<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			
			// 创建根实例
			new Vue({
				el: '#app',
				data: {
					parentMsg: '这世界很大,天空很蓝'
				}
			})
		</script>
	</body>

</html>