vue 注册全局组件

1.定义组件

<template>
    <div class="ui-flex goBack">
        返回
    </div>
</template>

<script>
    export default {
        name: 'goBack',
        data: function () {
            return {}
        },
        created() {

        },
        computed: {},
        methods: {},
        watch: {}
    }
</script>
<style lang="scss"
       slot>
    .goBack {

    }
</style>

2.抛出组件

import goBack from './goBack.vue';

export default {
    install:(Vue) => {
        Vue.component('go-back',goBack);
    }
}

3.在 main.js 引入全局组件

// 注册全局 返回 组件
import goBack from './components/goBack';
Vue.use(goBack);