Vue生命周期函数

 // 实例化开始到实例销毁（生命周期）
  // 在实例初始化后，数据观测和event/watcher事件配置之前被调用 (new Vue（）还没正在创建出来，拥有一个方法)
  // 加载动画
  beforeCreate () {
    // 注册一个动态模块 registerModule(path: string | Array<string>, module: Module, options?: Object)
    this.$store.registerModule('BoardCapacity', BoardCapacity)
  },
  // 在实例创建完成后被立即调用 已完成数据观测，属性和方法运算 watcher/event事件回调
  //new Vue() 做的事:options的初始化，状态的初始化（state,props,watch,computed），methods的初始化，生命周期的初始化，event的初始化，页面渲染
  // 挂载未开始 $el属性目前不可见
  // 实例出来，还没有dom
  // 请求网络接口后再展示dom 结束loading加载 beforeCreate
  created () {},
  // el（或者是 .$mount(''#app)）=>template（可放标签）=>执行render方法
  // 挂载开始前被调用：相关render函数首次被调用
  // 开始编译模板 没将内容真正地挂载（渲染到页面）上去 虚拟dom已配置
  beforeMount () {},
  // element的元素内，放置template的内容 正在挂载
  // 此方法结束，页面就已经显示出来
  // 页面显示出来之后再获取后台的数据
  mounted () {},
  // 增删改查
  // 组件更新前，要做的事
  beforeUpdate () {},
  // 一旦执行完，页面就展示出来
  // 需要当前组件发生改变，在这写
  updated () {},
  // 销毁前
   beforeDestroy () {},
  // 尾声 销毁后
  destroyed () {},