vue2.0怎么注册全局组件的问题

Question

Vue.component('my-component',{
        template:"<div>如果我用 import 该怎么写这个全局组件</div>"
    }    
)

子组件又需要怎么写

Answer 1

在main.js开头引入组件，然后注册组件，例如：

import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import SixiButton from 'components/common/SixiButton'


Vue.use(VueRouter)
Vue.use(VueResource)
Vue.component('six-button', SixiButton)

Answer 2

my_component.vue:

<template>
    <div>
        this is my {{title}}
    </div>
</template>

<script>
    export default {
        data(){
            return {
                title:"component"
            }
        }
   }
</script>

app.vue

<template>
    <div>
        <my-component></my-component>
    </div>
</template>

<script>
    import myComponent from './components/my_component' //这里引入
    export default {
        components:{myComponent},//这里注册
        data(){
            return {
                //some data
            }
        },
        methods:{
            //some function
        }
    }
</script>

Answer 3

//引入组件Header,并组册为全局组件
import Header from './assets/header/header.vue';
Vue.component('Header',Header)

--------------------------------

//子组件里面直接添加标签
<template>
    <div class="hello">
        <Header/>
    </div>
</template>

Answer 4

楼上的还有一个小问题
components:{myComponent},//这里注册

改成 components: {myComponent}, 加上一个空格就可以了