Vue-cli搭建的项目的运行流程

Vue简介

响应式系统

MVVN的实现者：Model、 View 、ViewModel，ViewModel作为观察者，控制View和Model进行交互

页面上的每一个可操作区域都是一个组件

SOC：关注度分离原则

两大核心：数据驱动、组件化

Vue是纯粹的视图层框架，需要借助别的框架实现通信（Axios）和路由（Vue-router）功能，使用Vuex实现状态管理

Vue-cli脚手架项目的流程

webpack.base.config.js

main.js

index.html

在项目运行中，main.js（在webpack.base.config.js中配置）作为项目的入口文件，找到实例需要挂载的位置，即index.html，刚开始，index.html的挂载点出的内容会显示自己的内容，随后被实例中的组件中的模板内容所替代。

路由：main.js -->  router -->  component