webpack的全局组件,如何生成

webpack的全局组件,如何生成

第一步,声明

components文件夹下,新建一个Home,vue


//Home.vue
<template>
    <div>
       我是首页
       <h1>我是父组件中 {{myNum}}</h1>
       <Son />
    </div>
</template>

<script>
import Son from './Son.vue'
    export default {
        name:'Home',
        components:{
            Son
        },
        computed:{
            myNum:function(){
                return this.$store.state.num
            }
        }
        
    }
</script>

<style scoped>

</style>

第二步 main.js中

import Home from '@/components/Home'
Vue.component(Home.name,Home)