Vue.use() 与 install()

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue.use() 与 install()相关的知识,希望对你有一定的参考价值。

参考技术A vue.use()往全局注入一个插件,供全局真接使用, 不需要单独引用
官网给出的解释是: 通过全局方法 Vue.use() 使用插件;我觉得把使用理解成注册更合适一些
基本使用

但是为什么Vue.use()就可以注入插件呢?请看下文

Vue.use() 的注册本质上就是执行了一个 install 方法,install 里的内容由开发者自己定义,通俗讲就是一个钩子可能更贴近语义化而已。
只要在在抛出的js文件里规定了install方法,就可以向其他ui组件库那样,使用Vue.use()来全局使用
在 install 里我们可以拿到 Vue 那么和 Vue 相关的周边工作都可以考虑放在 Vue.use() 方法里,比如:

directive注册
mixin注册
filters注册
components注册
prototype挂载

vue插件开发与发布

vue插件的规范

/ plug.js 
Toast={}
Toast.install=function(){
Vue.prototype.$toast=function(){

}
}
// 导出这个对象 export default Toast //那么此时我们就可以通过 use的方式来使用 import plug from ‘Toast‘ Vue.use(plug)

 

以上是关于Vue.use() 与 install()的主要内容,如果未能解决你的问题,请参考以下文章

[转] vue自定义组件(通过Vue.use()来使用)即install的使用

vue自定义全局组件并通过全局方法 Vue.use() 使用该组件

Vue.use初探

关于Vue.use()详解

Vue.use()的总结

Vue.use内部那些你不知道的事儿