需求:在vue 中需自定义一个全局组件
在components 中创建要自定义的组件文件demo,demo 文件中创建demo.vue、index.js
1、demo.vue自定义在自己的组件模版
<!-- 组件内容 -->
<template>
<div class="demo">
内容
</div>
</template>
2、index.js添加install 方法
import demoTem from './index.vue'
const vdemoTem = {
install: function(Vue){
Vue.component('vdemoTem',demoTem)
}
}
// 导出组件
export default vdemoTem
3、在main.js 中引入 demo
import Demo from '../components/demo'
Vue.use(Demo);
4、在页面中使用组件
<template>
<!--自定义组件demo-->
<Demo></Demo>
</template>