Vue.use()

作者: 怎么昵称 | 来源:发表于2019-03-12 09:59 被阅读0次

    在vue的使用过程中, 经常会需要使用别人的组件, 一般会用到Vue.use()。
    例如:Vue.use(VueRouter) Vue.use(MintUI)
    但有一个组件比较特殊,就是axios.用到时不需要Vue.use(axios),就能直接使用。到底是为啥?
    其实当我们执行Vue.use(组件),就会调用本身的install方法(install 是默认方法),同时传一个Vue这个类的参数。示例:

    1.首先定义一个组件
    <template>
        <div class="loading-box">
            Loading...
        </div>
    </template>
    
    2.在 index.js 中 引入 Loading.vue ,并导出
    <script>
    import loadingComponent from './loading.vue'
    const  Loading={
      install: function(Vue){
        Vue.component('loading', loadingComponent)
      }
    }
    export default Loading
    </script>
    3.在 main.js 中引入 loading 文件下的 index
    <script>
      import Loading from './component/loading/index'
      Vue.use(Loading)
    </script>
    

    使用 axios时,之所以不需要用 Vue.use(axios),就能直接使用,是因为开发者在封装 axios 时,没有写 install 这一步。

    相关文章

      网友评论

          本文标题:Vue.use()

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