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

Posted 2023-02-23

【中文标题】如何在 laravel nova 中创建可重用的 vue 组件？

【英文标题】：How to create reusable vue components in laravel nova?

【发布时间】：2020-03-09 18:22:11

【问题描述】：

如何使用 Vue 在 Laravel Nova 中实现可重用组件？我阅读了文档，但找不到这样的示例。 我想在一个或多个 nova 组件中使用相同的 vue 组件。是否可以按照 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 库，你可以将它包含到工具中，以便随它一起分发。