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


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

子组件又需要怎么写

回答:

在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)

回答:

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>

回答:

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

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

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注