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

【问题标题】：How to create reusable vue components in laravel nova?如何在 laravel nova 中创建可重用的 vue 组件？
【发布时间】：2020-03-09 18:22:11
【问题描述】：

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

【问题讨论】：

标签： laravel vue.js laravel-nova

【解决方案1】：

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

例如

资源
- js
  - 组件
    - ReusableComponent.vue

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

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

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

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

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

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

【讨论】：