引用vue
一、整体顺序

二、代码
javascript
<!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>