let myButton = Vue.extend({
template: `<button @click="click">{{message}}</button>`,
data: function () {
return {
}
},
props: ["message", "clickContent"],
methods: {
click: function () {
debugger;
console.log(this.clickContent);
}
}
});
let app = new Vue({
el: "#app",
components: {
"my-button": myButton,
},
});
<div id="app">
<my-button v-bind:message="'哈哈哈'" v-bind:clickContent="'点击了哈哈哈'" />
</div>