Vue.js 自定义组件的创建与应用

通过：Vue.component('my-component-name', { /* ... */ }) 创建自定义组件

html
 

    
    

                     //自定义标签
    

js
 

Vue.component("hw",{
    template:"
{{ name }}，你好
改变
",
    data:function(){
        return {
            name:"张三"
        }
    },
    methods:{
        change:function(){
            this.name="李四"
        }
    }
});
//实例化vue对象
new Vue({
    el:"#vue-app"
});

效果图：

注意：

data里面的对象，必须是以方法返回值的形式