03、Vue-的双向数据绑定

03、Vue-的双向数据绑定


<html>
	<head>
		<meta charset="utf-8">
		<title>行找的皮卡丘title>
		<script type="text/javascript" src="js/vue.min.js">

		script>
	head>
	<body>
		<div id="app">
			
			<input type="text" :value="msg"> 
			<p>{{msg}}p>
			
			<input type="text" v-model="msg2"> 
			<p>{{msg2}}p>
			
		div>
	body>
	
	<script type="text/javascript">
		new Vue({
			el:"#app",
			data(){
				return {
					msg:"张三",
					msg2:"李四",
				}
			}
		});
	script>
html>

你可能感兴趣的:(Vue学习基础)