<body>
<div id="d1">
<my-button aaa="123" @click="test" >
</my-button>
</div>
<script>
var myComponent = {
props:["aaa"],
/* 原生态的组件*/
template : `<div>
<button @click="abc">{{aaa}}</button>
</div>`,
methods:{
/* 定义自己的方法,这个方法专门让原生态的调用*/
abc(){
/* $emit用来事件传递!!!!!!! */
this.$emit("click","子组件的信息")
}
}
}
Vue.component("my-button",myComponent);
let vue =new Vue({
el:"#d1",
methods : {
test(param){
alert(param)
}
}
})
</script>
</body>
相关jar包自行寻找下载