如何在Laravel Nova中创建可重用的Vue组件？

Question

如何使用 Vue 在Laravel Nova中实现可重用组件？我阅读了文档，但找不到该示例。 我想在一个或多个新星组件中使用相同的vue组件。是否有可能按照laravel nova的模式进行操作？还是只是解决方法？

Answer 1

难道不可以在'/resources/js/components/ReusableComponent.vue'中制作Vue组件，然后将其导入每个工具中吗？另外，您可以创建一个私有/公共git存储库，用于存储您的可重用组件并将其导入每个工具。

例如

• 资源
  • js
    • 组件
      • ReusableComponent.vue

<template>
    <h1>Hello, World!</h1>
</template>

• nova-components
  • NovaTool
    • 资源
      • js
        • 组件
          • MyToolsComponent.vue

<template>
    <reusable-component />
</template>

<script>
import ResuableComponent from '../../../../../resources/js/components/ReusableComponent.vue';

export default {
    components: { ReusableComponent },
};
</script>

如果要为作曲家发布这些工具，则必须创建一个NPM库，您可以将其包含在该工具中，以便随它一起分发。