{{message}}显示不出来

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

刚开始学习，请教为什么显示出来的是{{message}}, 而不是message的值？
另一个问题是每次都要重写一遍,有没有什么快捷键可以实现换行？(参照.view那里) 谢谢

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Command</title>
		<script src = "https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
		
		<style>.show{
				width:100px;
				height:100px;
				background:red;	
			}
			
		</style>	
		<style>.view{
					width:300px;
					height:30px;
					border:1px solid gray;
					line-height:30px;
					text-align:center;	
				}

		</style>	
		<style>.active{
			background:red;
			color:white;
				}
		
		</style>	
	</head>
	
	<body>
		<div id="app">
  			<p v-text="title"></p>
  			<p v-html="title"></p>
  			
  			<p class="show" v-if= "isShow"></p>
  			<p class="show" @click="speak"></p>
  			
  			<div class="view" >
  			{{message}}
  			</div>	
  		</div>	
  	</body>
  		
	
		
	<script>
			new Vue({
				el:"#app",
				data:{
					message:'Hello world',
					title:"<h2>command</h2>",
					isActive:false
					arr: ['1、HTML','2、CSS','3、JS'],
					},
				methods:{
				speak:function(){
					alert("hello");
				}}
			});
	</script>
	
</html>