<body>
<div id="app">
{{ message }}
</div>
引入vue官方文档
</script>
<!-- 1.首先导入开发版本的Vue.js -->
<script>
// 2.创建Vue实例对象，设置el属性 和data属性
// 建议使用let关键字和 const关键字声明变量 var不规范
// Vue的编程范式：声明式编程
// JS的编程范式：命令式编程
const app = new Vue({
el: "#app",
data: {
message: "hellow hellow~" // 3.使用简洁的模板语法把数据渲染到页面上 这样的可以让页面和数据完全分离
}
})
// 什么是vue？
// vue是一个框架,能够帮助我们减少不必要的DOM操作;提高渲染效率;双向数据绑定的概念
</script>
</body>