vue的生命周期
beforeCreate:在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
created:在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。
beforeMount:在挂载开始之前被调用：相关的渲染函数首次被调用
mounted:el 被新创建的 vm.$el 替换, 挂载成功
beforeUpdate：数据更新时调用
updated：组件 DOM 已经更新, 组件更新完毕
如图所示：
模板
node，
js运行在浏览器中， 不能拥有操作文件， 二进制等这些功能
运行环境，es规范，提供依赖包（http,io,buffer...）
我们可以利用node这个环境开发后台服务器
npm
node提供一个 js包的管理工具
npm 切换到 cnpm
npm install cnpm -g --registry=https://registry.npm.taobao.org
使用cnpm 安装依赖包 -g是全局安装
cnpm install 包名 -g
cnpm install 包名 --save
如果不添加 --save 只会下载这个包,在package.json文件不会下载的记录
--dev 开发的时候使用，上线之后就不在使用的一些包
cnpm uninstall 包名 卸载包
dependencies 上线之后还在用（bootstrap,jquery）
devDependencies 开发打包的时候使用，上线之后就不使用了（webpack）
如果没有添加 --save, 在package.json中不会有记录
如果下载的项目由package.json， 只需要执行 cnpm install , 他就会把依赖包都下载下来
webpack (gulp)
自动化的打包工具
浏览器只能认识 html, css, js, 图片
为了快速开发(es6,sass,typeScript...,aa.Vue ) -> 工具 -> html,css,js,图片
入口
出口
loader (加载器)
Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。
所以如果我们需要在应用中添加 css 文件，就需要使用到 css-loader 和 style-loader，他们做两件不同的事情，css-loader 会遍历 CSS 文件，然后找到 url() 表达式然后处理他们，style-loader 会把原来的 CSS 代码插入页面中的一个 style 标签中。
接下来我们使用以下命令来安装 css-loader 和 style-loader(全局安装需要参数 -g)。
插件
插件在 webpack 的配置信息 plugins 选项中指定，用于完成一些 loader 不能完成的工作。
webpack 自带一些插件，你可以通过 cnpm 安装一些插件。
使用内置插件需要通过以下命令来安装：
安装
cnpm install webpack webpack-cli --save --dev
编写webpack的文件 webpack.config.js
webpack 打包指令进行打包就可以了
vue-cli
脚手架， 创建半成品，我们在半成品基础上开发
npm install -g @vue/cli 安装脚手架
创建项目 vue create 项目名 （先通过cd进入到创建项目的目录）
babel 用来把es6 -> es5, 把typeScripte -> js
eslink 代码格式的检测工具
