引用vue

引用vue

一、整体顺序

二、代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>vue入门</title>
		<script src="../JS/js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<!-- v-model是用来指定数据模型的 -->
			<input type="text" v-model="message"/>
			<!-- // 下面的双括号是一个差值表达式，表示显示该数据 -->
			{{message}}
		</div>
	</body>
	<!-- 先引入vue的js文件 -->
	<script>
		//创建核心vue对象
		new Vue({
			// 指定控制区域
			el:#app,
			// 定义数据模型
			// {}代表声明的是一个对象
			data{
				message:"Hello vue"
			}
		})
	</script>
</html>