vue + element 创建教程

1.环境准备

node安装
1. node版本：v10.15.3
2. node下载地址：https://nodejs.org/zh-cn/
vue-cli安装
1. 全局安装vue-cli
```
npm install --global vue-cli
```

2.创建 vue + element 项目

在这里插入图片描述

创建 vue 项目并初始化
```
vue init webpack my-project
```
回车默认操作
安装项目
```
npm install
```
运行项目
```
npm run dev
```
引入element
1. 安装element

 ```
 npm i element-ui -S

 ```
   
   2. main.js 中写入一下内容

  import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'

Vue.use(ElementUI)

new Vue({
el: '#app',
render: h => h(App)
})

生命周期：

beforecreate : 一般使用场景是在加 loading事件的时候
created ：处于loading结束后，还做一些初始化，实现函数自执行（data数据已经初始化，但是DOM结构渲染完成，组件没有加载）
beforemount：处于组件创建完成，但未开始执行操作
mounted ：处于发起后端请求，获取数据，配合路由钩子执行操作（DOM渲染完成，组件挂载完成）
beforeupdate、updated：处于数据更新的前后
beforeDestroy：当前组件还在的时候，想删除组件
destroyed ：当前组件已被销毁，清空相关内容
created 与 mounted 的区别

created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。