时间戳

首页 > 解决方案 > 将多个代码库组合成一个...为每个代码库创建一个组件是否正确？

vue.js - 将多个代码库组合成一个...为每个代码库创建一个组件是否正确？

问题描述

我正在开始一个项目，我的任务是将 7 个代码库组合成 1 个代码库。这些代码库中的每一个都非常不同，并且处理不同的功能（注册、调查、电子邮件冲击波等）。我想将 Vue 用于每一个的前端（后端的 Laravel）。

我对这个项目的初始结构包括使用一个 app.js 文件和一个 Vue 实例，并将每个代码库分成组件。Vue-Router 将确定加载哪个组件。

//example of the layout thusfar
let routes = [
{ path: '/registration', component: require('./components/admin/Registration.vue').default },
{ path: '/surveys', component: require('./components/admin/Surveys.vue').default }
]

我应该为每个代码库使用单独的 Vue 应用程序，还是可以将它们拆分为同一个 Vue 应用程序中的组件？它们都将从同一个数据库中提取，使用相同的 API 调用，并位于同一个域（registration.example.com、surveys.example.com 等）下。

标签： vue.jsvuejs2vue-component

解决方案

是的，但它会降低性能。你可以探索 vuex。Vuex 是 Vue.js 应用程序的状态管理模式 + 库。它充当应用程序中所有组件的集中存储，其规则确保状态只能以可预测的方式发生变化。

它易于学习，也不会花费太多时间。

推荐阅读