vue应用与搭建

  最近学习了vue，把自己学习到的分享一下。
  vue简介:
        vue是一套用于构建用户界面的渐进式框架。
  优点：
  易用，灵活以及高效。与其他框架不同的是，vue被设计为可以自底层想上逐层应用，**核心库只关注图层**，易上手，便于与第三方库或既有项目整合；
  vue的安装：
  有两种方式

    开发环境版本，包含了有帮助的命令行警告 
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

生产环境版本，优化了尺寸和速度，去掉了警告，警告显示在日志里
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

应用场景：
vue的应用很灵活
1：如果只使用vue最基础的声明式渲染的功能，可以把vue当做一个模板引擎来使用

2：如果想以组件化开发方式进行开发，可以进一步使用vue的组件系统

3：如果要制作SPA（单页应用），可以vue里面的客户端路由功能。

4：如果组件越来越多，需要共享一些数组，可以使用vue里的状态管理。

5：如果团队里执行统一的开发流程或规范，则使用构建工具。

vue项目的搭建：
1：安装node环境
2：搭建vue项目环境
（1）：全局安装vue-cil

npm install --global vue-cli

(2):进入你要搭建项目的项目目录，输入

vue create +你自己项目的名称

（3）：接下来进入打开项目终端输入

npm run serve 

项目搭建完成

vue生命周期：
在vue实例化过程中会进行一系列过程，在这些过程中会运行一些叫做生命周期钩子的函数，给开发者在不同阶段添加代码创造了机会。

这一过程按照理解可以分为：
实例创建前后
beforeCreate:在实例化开始时调用，此时数据观测，事件没有初始化

Created：实例创建后调用，此时一完成数据观测，事件方法，还没有开始DOM编译，还未挂载到document中
编译前后
beforeMount：在mounte之前运用

mounted：在编译结束时调用，此时所有指令已生效，数据变化已经能触发DOM更新，但VB不保证$el已插入文档
挂载前后
beforeUpdate：在实例挂载之后调用，此时还没有更新DOM结构

updated：在实例挂载之后，再次更新实例并完成DOM结构后调用。

销毁前后
beforeDestroy：在开始销毁实例时调用，此时实例仍然有效

destroyes：在实例被销毁后调用，实例不存在