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源码

    官方对 Vue.use() 方法的说明: 通过全局方法 Vue.use() 使用插件;Vue.use 会自动阻止多...

  • Vue.use() 注册插件(个人笔记)

    Vue.use是什么? 官方对 Vue.use() 方法的说明:通过全局方法 Vue.use() 使用插件,Vue...

  • Vue.use, Vue.component,router-vi

    ? Vue.use Vue.use 的作用是安装插件 Vue.use 接收一个参数 如果这个参数是函数的话,Vue...

  • Vue.use源码数据流

    Vue.use(ElementUI)实现 step1:查看Vue.use 函数,其中我们看到 step2:查看pl...

  • 为什么axios不是使用的vue.use()

    问题 相信很多人在用Vue使用别人的组件时,会用到Vue.use()。例如:Vue.use(VueRouter)、...

  • 关于Vue.use()详细说明

    问题 相信很多人在用Vue使用别人的组件时,会用到Vue.use()。例如:Vue.use(VueRouter)、...

  • 关于Vue.use()详解

    问题相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)...

  • VUE.use详解

    问题 相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter...

  • 关于Vue.use()详解

    问题 相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter...

  • 彻底弄懂 Vue.use() 方法

    相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)、V...

网友评论

      本文标题:Vue.use()

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