vue组件定义方式

一.全局组件

<div id="box">
    {{msg}}
    <my-aaa></my-aaa>
</div>
var Home = { 
    template: '<div id="root">test</div>'
}
Vue.component("my-aaa", Home)

　　

二.局部定义

<div id="box">
    {{msg}}
    <my-aaa></my-aaa>
</div>
var Home = {
    template: '<div id="root">test2</div>'
}
new Vue({
    el: "#box",
    data: {
        msg: "welcome vue2.0"
    },
    components: {
        "my-aaa": Home
    }
})