一:Vue是什么

Vue是一种专门为Vue.js开发的状态管理

二:使用Vue有什么好处

Vue可以使Vue.js能让基于网页的前端应用程序开发起来更加方便，因为Vue.js有声明式，响应式的数据绑定，与组件化的开发

三:组件化有什么好处

我们平时写代码可能会遇到一种代码要重复写好多次的情况，这个是我就可一个写一个Vue的组件来进行封装，下次在用到重复代码的时候我就可直接调用组件，这样不仅仅增强了代码的复用性，进行组件化拆分后，每个业务或者功能都是一个单独的工程，这个单独的工程可以独立编译运行，拆分后的工程通常都比较小，代码量也比较少

四:响应式绑定

响应式绑定是指我们的数据一旦发生变化就会立即触发渲染或视图层的更新，具体的事件我们可以用 ：v-bind="" v-model="" v-if="" v-else=""  v-for=""  v-show=""  v-on="" 等等......

五:Vue的生命周期

beforeCreate( 创建前 )

created(创建后)

beforeMount(挂载之前)

mounted(挂载完成)

beforeUpdate(数据更新之前)

updated（更新后）

beforeDestroy（销毁前）

destroyed（销毁后）
这些生命周期的功能我就不给大家一一介绍了

六:Vue的项目结构

├── index.html
├── main.js
├── api
│   └── ... # 抽取出API请求
├── components
│   ├── App.vue
│   └── ...
└── store
    ├── index.js          # 我们组装模块并导出 store 的地方
    ├── actions.js        # 根级别的 action
    ├── mutations.js      # 根级别的 mutation
    └── modules
        ├── cart.js       # 购物车模块
        └── products.js   # 产品模块