<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <!-- 在組件標簽上綁定的事件都vue的自定義事件。 --> <v-xiaosh ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<!--
在組件標簽上綁定的事件都vue的自定義事件。
-->
<v-xiaoshu @click="handleClick"></v-xiaoshu>
</div>
</body>
<script src="./js/vue.min.js"></script>
<script>
//全局組件內 自定義組件
Vue.component("v-xiaoshu", {
//模板中p標簽回調函數
template: `<p @click="handleClick">點我</p>`,
methods: {
handleClick() {
//調用組件的自定義事件
this.$emit("click");
}
}
})
var vm = new Vue({
el: "#app",
methods: {
handleClick() {
console.log("被調用")
}
}
})
</script>
</html>
