<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>vue基础</title>
</head>
<body>
<!--
vue:javascript框架+简化Dom操作+响应式数据驱动
基本步骤：
1、导入外部js
2、创建Vue实例对象，设置el属性和data属性
3、使用简洁的模板语法吧数据渲染到页面上
Vue实例的作用范围：Vue会管理el选项命中的元素及其内部的后代元素
可以使用其他的选择器，但是建议使用ID选择器
可以使用其他的双标签，不能使用HTML和BODY
-->
<div id="app">{{message}}</div>
<script src="./js/vue.js"></script>
<script>
var app = new Vue({
el:"#app",
data:{
message:"hello world"
}
})
</script>
</body>
</html>
