If I have the component LogoutButton.vue
export default {
data()
{
return {
}
},
methods:
{
Logout()
{
console.log("something")
}
}
}
</script>
<template>
<button @click="Logout">Logout</button>
</template>
How to use LogoutButton component in other components? I mean how to import this component and its click method in other component?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<script> import LogoutButton from './LogoutButton.vue' export default { components: { LogoutButton }, data() { return { } }, methods: { // Your different methods } } </script> <template> <div> <!-- The template from LogoutButton component will display here --> <LogoutButton /> </div> </template>