<div id="app"> <add></add> <del></del> </div> <script> var vm = new Vue({ el: '#app', components: { "add": { template: "<button>btn:{{btn}}</button>", data: function () { return {btn: "123"}; } }, del: { template: "<button>btn:{{btn}}</button>", data: function () { return {btn: "456"}; } } } }); </script>