Vue 在 Rails 里如何使用 vue?

nuanshuidai · 2020年03月15日 · 最后由 dddd1919 回复于 2020年03月18日 · 2277 次阅读

没用过 vue,想请教下 Rails 里如何使用 vue? vue 和 Rails 的配合程度怎么样呢?

rails webpacker:install:vue

运行这条命令就可以了。能自动安装相关的脚手架。你问的配合程度是什么意思?我个人觉得最主要是看你们的业务场景,有的业务其实并不需要整个系统都前后端分离,Rails 跟 Vue 搭配我个人觉得比较适合这种场景,弄起来也比较方便。只需要把自己需要的组件用 Vue 写就好了。

而另一种完全前后端分离的项目就是你另外构建一个 Vue 的项目,跟 Rails 已经没有多大关系了。Rails 只是提供接口,不管页面的东西(当然一般后台管理用 Rails 做比较方便)。这种情况后端用什么技术都无所谓,提供接口就可以。

lanzhiheng 回复

第一种就是类似使用 bootstrap 的模式吧?第二种看样子就是 rails api 的模式了。

我看站里有人说 rails 使用 vue 会改变原有的路由系统,是这样吗?如果只用第一种模式的话?

我一般是新建一个 vue 项目,rails 只做接口。

mz2test 回复

那就是前后端分离的了?

都可以的,看需求。作为个人可以两种都学,作为团队看团队成员的构成。

看样子是可以采用 Vue 了,先去摸索下。谢谢楼上各位!🌹 🌹 🌹

nuanshuidai 回复

不会改变路由系统啊。简单点想像一下,前后端分离的时候是 Vue 管的路由,如果是第一种情况,相当于在一个 Rails 项目里面加一些第三方的 JavaScript 这样不会影响到 Rails 的路由配置, 路由依然是 Rails 管。我觉得是这种方式的好处,简单,不折腾。

lanzhiheng 回复

对,我也觉得这样好一些,对使用 Rails 的方式没有啥改变,麻烦少。Rails 6 和 webpacker 的改变方式已经够让我觉得折腾了。。。。。。😂

nuanshuidai 回复

Webpacker 其实能免掉你很多东西了,基本上 Rails 社区的人已经帮你集成好了。基本上即插即用,不用改太多的配置。 不过 5 楼说得很对,如果之前没什么经验的话可以两样都尝试一下,相互有个对比。

只要不用 vue router 管理就行, 该咋用 rails 还是咋用 就是一个页面一个 vue 的组件

jicheng1014 回复

嗯,这样就简单了。

lanzhiheng 回复

我手头是新项目,直接用 Webpacker 好了。

13楼 已删除

对于不太会用 webpacker 那套但会写 js,可以简单集成,直接引用 vue.js 像 jQuery 一样的用,只不过不是标准的 SPA,相当于每个页面一个 APP,还用 rails assets pipeline 就可以了

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册