一、认识Vuejs（读view）
1.Vue是一个渐进式的框架：可以把Vue作为应用的一部分嵌入项目中
2.Vue有很多特点和Web开发中常见的高级功能
①解耦视图和数据
②可复用的组件
③前端路由技术
④状态管理
⑤虚拟DOM
3.安装Vuejs
①直接用<script>标签引用
②CDN
③Npm
二、体验Vuejs
Vue是响应式前端框架
响应式:当改变Vue代码时，页面显示也会随着改变
下面是一个简单的Vue实例
<body>
<div id="app">
<h2>{{message}}</h2>
<h1>{{name}}</h1>
</div>
<div>{{message}}</div>
<script src="../js/vue.js"></script>
<script>
//let(变量)/const(常量) var会导致全局污染，尽量不用
//编程范式:声明式编程
const name = 'why'
const app = new Vue({
el:'#app',//用于挂载要管理的元素
data:{//定义数据
message:'Hello!Vue.js!',
name:'CodeWhy'
}
})
</script>
</body>
let用于声明变量
const用于声明常量
var声明会导致全局污染，尽量少用
让我们读读，代码做了什么事情
1,创建了一个Vue对象
2,创建对象时，传入一些opation{}
- {}中el属性：该属性决定了这个Vue对象挂在到哪一个元素上，很明显，这里我们挂载到了id为app的元素上。
- {}中data属性：该属性中总会储存一些数据，这些数据可以是上面这样自己定义的，也可以来自网络，从服务器加载的
原始js的做法（编程范式:命令式编程）
1.创建div元素，设置id属性
2.定义一个变量叫message
3.讲message变量放在前面的div元素中显示