组件的基本写法可以如下：

HTML：

JS：

// 定义一个名为 button-counter 的新组件    var ComponentA = {        //父组件传递过来的数据        props:['selfData'],        template: '{
   {selfData}}'    };    new Vue({        el: '#components-demo',        components: {            'button-counter': ComponentA        }    });

更灵活的写法如下：

HTML:

JS: