Vue.use的原理及简易封装Vue插件

Vue.use的原理及简易封装Vue插件

• Vue.use：

  • 是vue提供的一个静态方法，主要是为了注册插件，增加vue的功能

• vue语法：

  • Vue.use(plugin) plugin中只能是Array或者Function

• Vue.use具体实现及作用

  • 实现：

    • 当plugin为对象时，该对象中有一个install方法，Vue.use()此时就是调用其中的install方法，并且install方法中的this依然指向该对象

    • 当plugin为函数时，调用Vue.use()时，直接执行其中的函数

  • 作用：

    • 注册全局组件 （use方法本身并不能注册全局组件，是install方法或函数中的代码逻辑可以实现）

    • 也可以在Vue原型上加上一些内容

• 简易封装Vue插件

  • 自定义配置中英文语言切换

    • 实现方法底层

• 引入创建文件中的install方法中进行封装

• 在main.js文件中使用Vue.use(UmUI)调用时，就会实现组件的实现，完成整体的封装和使用