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

置顶 挥别了青春 2018-07-12 16:53:53  17948  收藏 10
分类专栏： vue
版权
在vue项目中，我们可以自定义组件，像element-ui一样使用Vue.use（）方法来使用，具体实现方法：

1.首先新建一个Cmponent.vue文件

// Cmponent.vue
<template>
<div>
我是组件
</div>
</template>

<script>
export default {

}
</script>

<style scoped>
div{
font-size:40px;
color:#fbb;
text-align:center;
}
</style>
2.其次在同一目录下建立index.js文件,在这个文件中使用install方法来全局注册该组件

import component from './Cmponent.vue'
const component = {
install:function(Vue){
Vue.component('component-name',component)
}  //'component-name'这就是后面可以使用的组件的名字，install是默认的一个方法

}
// 导出该组件
export default component
3.使用

// 只要在index.js里规定了install方法，就可以向其他ui组件库那样，使用Vue.use()来全局使用
import loading from './index.js'

Vue.use(loading)

<template>
<div>
<component-name></component-name>
</div>    
</template>
————————————————
版权声明：本文为CSDN博主「挥别了青春」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/wang729506596/article/details/81018270