Vue_子级组件调用主组件函数
程序员文章站
2022-03-20 21:11:21
<!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>