javascript - 将 VueJS 与 Rails 现有应用程序部分集成

标签 javascript ruby-on-rails routes vue.js

当前状态

我有一个完全用 Rails 开发的网站,使用 Rails View 、经典的 Coffescript 和 SCSS。我所有的路线都在routes.rb 上声明。

需要什么

一些开发的页面有很多相关的逻辑,将其迁移到网络应用程序更有意义。选择的 Web 应用程序是 Vue.js。

整个网站(一个非常复杂的产品)将被增量部署(当使用 Vue.js 的页面准备就绪时,Rails 应用程序上的页面应该被新页面“替换”)。一个主要的限制是代码库不同。 Vue.js 应用程序将从 Rails 应用程序 API 获取信息。

问题(需要帮助)

如何设置某些路由转到 Rails 应用程序,而其他路由转到 Vue.js 应用程序? (请记住,这是不同的代码库,不同的“物理文件夹”)

提前致谢。

最佳答案

您查看过webpacker吗?项目?

如果您的 vue 项目已经在单个 vue 组件中,那么您可以将该组件导入到 Rails 项目中。

要开始使用,请按照webpacker的自述文件进行操作。 。

在您的 Rails View 中。

<%= javascript_pack_tag 'components/vue' %>

这样,您就可以继续使用rails的路线了。

关于javascript - 将 VueJS 与 Rails 现有应用程序部分集成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43396551/

相关文章:

ruby-on-rails - Vagrant 与 Rails 服务器共享文件夹

asp.net-mvc - ASP.NET MVC 中的路由问题

ruby-on-rails - 将 get 参数添加到辅助方法

javascript - Chart.js 中分组条形图每组不同级别

JavaScript 对数组元素进行分类并输出为 HTML

ruby-on-rails - 如何设置父应用程序模型和安装引擎模型之间的has_many关联?

algorithm - 如何优化员工交通服务?

javascript - 为什么对文本使用 jsPDF justify 会保留其他文本的字间距?

javascript - `data-fir-if` HTML 标签引用什么?

ruby-on-rails - rspec 测试载波