组件注册

全局注册： 

            Vue.component("my-aa", {
                data: function () {
                    return {
                        aa: "123",
                    };
                },
                template: "<div>213</div>",
            });
            var vm = new Vue({
                el: "#app",
                data: {
                    myname: "aaa",
                },
                components: {
                    //内部注册组件
                },
            });

注意，全局注册的组件要在实例上方写。

 

局部注册：

            var vm = new Vue({
                el: "#app",
                data: {
                    myname: "aaa",
                },
                components: {
                    myaa: {
                        data() {
                            return {
                                aac: "121244",
                            };
                        },
                        template: "<div>{{aac}}</div>",
                    },
                },
            });