引用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>