在另一个组件中导入组件及其属性/方法-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

在另一个组件中导入组件及其属性/方法

P粉696605833 2023-09-12 14:18:12

[Vue.js讨论组]

586

如果我有组件LogoutButton.vue

export default {
  data() 
  {
      return {

      }
      
  },
  methods: 
  { 
    Logout()
    {
        console.log("something")
    }
  }
}
</script>
<template>
    <button @click="Logout">Logout</button>
</template>

如何在其他组件中使用 LogoutButton 组件？我的意思是如何在其他组件中导入该组件及其单击方法？

P粉696605833

全部回复(1)

P粉6681137682023-09-13 10:30:32 1楼

<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>