如何在 laravel nova 中创建可重用的 vue 组件？

Question

如何使用Vue在 Laravel Nova 中实现可重用组件？ 我阅读了文档，但找不到这样的示例。 我想在一个或多个 nova 组件中使用相同的 vue 组件。可以按照 laravel nova 的模式来实现吗？ 还是只是做变通方法？

Answer 1

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

例如

• 资源
  • js
    • 成分
      • 可重用组件.vue

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

• 新星组件
  • 新星工具
    • 资源
      • js
        • 成分
          • 我的工具组件.vue

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

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

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

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