<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>给组件绑定原生组件</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <child @click.native='click1'></child> </div> <script> Vue.component('child',{ template:'<div >child</div>', methods: { // click:function(){ // // // this.$emit('click') // } }, }) var app = new Vue({ el:'#app', data:{}, methods: { click1:function(){ alert('1231231'); } }, }) </script> </body> </html>