Vue从入门到实战:多行文本输入框

来自CloudWiki
跳转至: 导航搜索

在文本区域插值 (<textarea>{{text}}</textarea>) 并不会生效,应用 v-model 来代替。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id = "app">
			<textarea v-model="message"></textarea>
			<p>message:{{message}}</p>
		</div>
	
		<script src="vue.js"></script>
		<script>
			var vm = new Vue({
		    el: '#app',
		    data: {
		      message: 'Vue.js无难事'
		    }
		  });
		</script>
	</body>
</html>