Vue.use和this.$nextTick解释

##  Vue中的一些解释

##  为什么有些东西需要Vue.use(plug)

### plug 必须是个对象 或者是个函数

对象内部必须是要有个install这个方法，并且把vue实例会给传进去

import 'Element' from'element'

比如 Element ,VueX

它是个对象就有install这个方法,或者本身是个函数 他们需要依赖Vue

为什么axios则就不要呢，因为 axios没有Vue情况下也是可以是使用的

也就是说 如果不依赖Vue则就不能这样使用，如果有的话 则也是再给Vue原型链上绑定了

就好比我们日常 使用的 this.$router或者

 this.$notification['error']({

        message: 'Notification Title',

        description:

          'This is the content of the notification. This is the content of the notification. This is the content of the notification.',

      });

## this.$nextTick()

这个使用场景是什么呢

<div id="app"> {{ message }} </div>

const vm = new Vue({

  el: '#app',

  data: {

    message: '原始值'

  }

})

this.message = '修改后的值1'

this.message = '修改后的值2'

this.message = '修改后的值3'

console.log(vm.$el.textContent) // 原始值

这是因为message数据在发现变化的时候，vue并不会立刻去更新Dom，而是将修改数据的操作放在了一个异步操作队列中

如果我们一直修改相同数据，异步操作队列还会进行去重

等待同一事件循环中的所有数据变化完成之后，会将队列中的事件拿来进行处理，进行DOM的更新

this.$nextTick(()=>{

    console.log(vm.$el.textContent)//'修改后的值3'

})