代码展示（传参） ~~~ <div id="app"> <like :param="count"></like> </div> <template id="like"> <button @click="toggle_like()">👍{{param}}</button> </template> <script> Vue.component('like', { template: '#like', props:['param'] }) new Vue({ el: '#app', data:{ count:0 } }) </script> ~~~ 将参数改变 ~~~ <div id="app"> <like :param="count"></like> </div> <template id="like"> <button @click="add">{{num}}</button> </template> <script> // vue中不允许直接更改父组件传递过来的参数 Vue.component('like',{ template:"#like", props:{ param:Number }, data(){ return { num:this.param } }, methods:{ add(){ this.num++; } } }) new Vue({ el:"#app", data:{ count:0 } }) </script> ~~~