Vue.use()

作者: wade3po | 来源:发表于2019-02-18 21:12 被阅读4次

    用vue开发的一定对Vue.use不陌生,在引入一些插件的时候经常需要在main里面用到这个语法。

    不知道有没有人想过为什么有些插件需要用Vue.use才能用,有些直接使用。一般我们都是按照插件的使用方法直接用了,很少去想为什么。今天参考简书学习了一下。

    已经解释的很清楚了,简单来说,当我们封装的插件是这样的:

    export const testObj = {
    
    install(Vue, arg) {
    
               
    
            }
    
        }
    

    有install方法,那么就要使用Vue.use去初始化这个插件。这样写的好处就是插件需要一开始调用的方法都封装在install里面,更加精简和可拓展性更高。

    如果封装的插件是靠这个对象去调用方法,比如axios,那么直接用的就是export default暴露出一个对象,那么就不需要使用Vue.use。

    两者刚好让我们知道,如果一个插件是必须全部引入,那么使用暴露一整个对象,使用exportdefault或者是暴露一个用install的对象使用Vue.use。而像UI库那么庞大的插件,我们一般按需引入,那么就使用一个一个export的方法,使用花括号{}按需引入。

    欢迎关注Coding个人笔记 公众号

    相关文章

      网友评论

          本文标题:Vue.use()

          本文链接:https://www.haomeiwen.com/subject/finssqtx.html