如何在 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 庫，您可以將其包含到工具中，以便與它一起分發。