认识Vuejs
1 为什么学习Vuejs？
前端必备技能，目前非常火，当然最重要的还是提升自己
2.简单认识一下Vuejs
Vue是一个渐进式框架，可以将Vue作为应用的一部分嵌入其中，带来更丰富的交互体验
特点：解耦视图和数据，可复用的组件，前端路由技术，状态管理，虚拟DOM
学习前提：需要具备一定的HTML、CSS、JavaScript基础
3.Vue.js安装
(1)直接CDN引入
<!-- 开发环境版本，包含了有帮助的命令行警告-->
<script src="https//cdn.jsdeliver.net/npm/vue/dist/vue.js"></script>
<!--生产环境版本，优化了尺寸和速度-->
<script src = "https://cdn.jsdeliver.net/npm/vue"></script>(2)下载和引入
开发环境：https://vuejs.org/js/vue.js
生产环境：https//vuejs.org/js/vue.min.js
第一步：浏览器输入：https://cn.vuejs.org/
第二步：点击起步：
第三步：点击安装，直接用<script>引入，然后在开发版本上方右键，将链接另存为，保存即可
(3)NPM安装
后面介绍
使用软件：Webstorm
创建一个项目，再创建一个目录，将刚刚下载的vue.js粘贴过来
开始编写第一个vue程序
1.创建一个html
2.引入vue.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="../JS/vue.js"></script>
</body>
</html>3.在页面显示“你好！！！ 世界”
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<h1>{{message}}</h1>
<h2>{{name}}</h2>
</div>
<script src="../JS/vue.js"></script>
<script>
//let(常量) const(变量)
//编程范式：声明式编程
const app = new Vue({
el:'#app',//用于挂载要管理的元素
data:{//定义数据
message:"你好！！！",
name:"world"
}
})
</script>
</body>
</html>浏览器结果：
代码解释：
创建了一个Vue对象，传入了一些options:{}
{}中包含了el属性：该属性决定了这个Vue对象挂载到哪一个元素上，很明显，我们这里是挂载到了id为app的元素上。
{}中包含了data属性:该属性中通常会存储一些数据：这些数据可以是我们自己直接定义出来的，比如上面的案例，也可能来自网络，从服务器加载的。
