概念
什么是Vue
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架，所谓渐进式就是逐步实现新特性的意思，如实现模块化开发、路由、状态管理等新特性。综合了Angular（模块化）和React（虚拟DOM）的有点
与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
因为Vue的边界很明确，就是为了处理DOM，所以不具备通信能力，此时就需要额外使用一个通信框架与服务器交互，常用Axios；当然也可以直接使用jQuery提供的AJAX通信功能
WebPack：模块打包器，主要作用是打包、压缩、合并及按序加载
NPM：项目综合管理工具，类似于MAVEN
特点：
关注点分离原则（SOC）：只关注视图层：HTML+CSS+JS
网络通信 ：axios
页面跳转：vue-router
状态管理：vuex
Vue-UI：element-ui、飞冰
计算属性：
第一个Vue程序
了解MVVM（Model - View - ViewModel）
- 用IDEA安装vue.js插件
- 创建html文件，引入vue的cdn
- 写代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- view层 模板-->
<div id = "app">
{
{message}}
</div>
<!--1. 导入Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
<script>
var vm = new Vue({
el: "#app",
<!--Model: 数据-->
data:{
message: "hello,vue!"
}
});
</script>
</body>
</html>