[轉] vue自定義組件(通過Vue.use()來使用)即install的使用
阿新 • • 發佈：2018-11-13
通過 func 實現 默認 scrip UNC template 導出 style
</style>
2.其次在同一目錄下建立index.js文件,在這個文件中使用install方法來全局註冊該組件
Vue.use(loading)
<template>
<div>
<component-name></component-name>
</div>
</template>
在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()來全局使用
Vue.use(loading)
<template>
<div>
<component-name></component-name>
</div>
</template>
[轉] vue自定義組件(通過Vue.use()來使用)即install的使用