小编Kob*_*obi的帖子

Vuex动作与突变

在Vuex中,同时拥有"行动"和"突变"的逻辑是什么?

我理解组件的逻辑不能修改状态(这似乎很聪明),但同时具有动作和突变似乎是在编写一个函数来触发另一个函数,然后改变状态.

"行动"和"突变"之间有什么区别,它们如何协同工作,而且我很好奇为什么Vuex开发人员决定这样做?

vue.js vuex

125
推荐指数
9
解决办法
4万
查看次数

为什么 Vue 3 需要 Pinia 和 Vuex?

我是一名 Vue.js 开发人员,正在了解从 Vue 2 添加到 Vue 3 的新功能,即 Composition API(在 Vue 3 中添加)。

对于状态管理来说,随着 Vue 3 的发布,社区似乎正在从使用 Vuex 转向 Pinia。

Pinia 与 Vuex 之间有什么区别?从概念上讲,Vue 2 到 Vue 3 发生了什么变化,使得 Pinia 更适合 Vue 3?

谢谢。

vue.js vuex vuejs3 pinia

32
推荐指数
2
解决办法
2万
查看次数

什么是Vuex"上下文"对象?

我试图更好地理解Vuex中的"上下文"对象是什么.

所述上下文对象在Vuex文档中提及无数次.例如,在https://vuex.vuejs.org/en/actions.html中,我们有:

操作处理程序接收一个上下文对象,该对象在商店实例上公开同一组方法/属性,因此您可以调用context.commit来提交变异...

我理解如何使用它,并且我们可以使用解构,如果我们只想使用来自上下文对象的"提交",但希望更深入一点,这样我就能更好地理解发生了什么.

首先,我在"上下文对象"上发现了一对~8.5岁的帖子作为模式: 什么是上下文对象设计模式?并且 你能解释一下背景下设计模式?

但是,特别是Vuex,我希望更好地理解:

  1. 什么是上下文对象/它的目的是什么?
  2. 在Vuex中可以使用的所有属性/方法是什么?

谢谢!

vue.js vuex vuejs2

20
推荐指数
2
解决办法
6407
查看次数

Rails 5.1+ Vuejs Webpacker:Normal Rails MVC vs Rails API

我正在使用Rails 5.1和Vue.js启动一个新的应用程序,内置的Webpacker Vue.js包(通过--webpack = vue标志生成).

我试图了解使用普通的Rails MVC应用程序与Rails API应用程序(使用--api标志生成Rails应用程序)的优缺点.

$ rails new someapp --webpack=vue
      vs.
$ rails new someapp --api --webpack=vue
Run Code Online (Sandbox Code Playgroud)

鉴于自2015年以来Rails API已经合并到核心这一事实,并且通过Webpacker gem内置的Webpack是全新的(Rails 5.1,2017),那么构建Rails应用程序的最佳方式是什么呢?是Vuejs?或者,主要是Vuejs?

坚持使用Webpacker Vue的常规Rails,或使用Webpacker Vue的Rails API?有什么权衡?

这个答案中的一部分将简单地归结为关于全栈MVC应用与使用API​​的SPA应用的对话.但是,我是否应该考虑任何特定的Rails Way + Vue.js组件工作流程,除了"这是一个完整的MVC应用程序与SPA应用程序的问题".

我想要注意的是,我意识到答案会有点风格偏好.有些人可能更喜欢其中一个.

两者都可行,但我想考虑易用性,兼容性和以另一种方式做到这一点的权衡.

谢谢.

api ruby-on-rails vue.js vuejs2 webpacker

10
推荐指数
1
解决办法
2175
查看次数

Rails Vuejs Webpacker:传递实例变量数据

我正在尝试学习如何使用通过Webpacker gem生成的带有Vuejs的Rails 5.1构建应用程序。

$ rails new myvueapp --webpack=vue
Run Code Online (Sandbox Code Playgroud)

我如何在Vue组件之间来回传递实例变量数据,以使我的数据进入/离开数据库?

例如,假设我有一个带有用户名和电子邮件字段的用户模型。是否有一个简单的示例,说明如何将实例变量@user数据从控制器传递到组件?

我相信有两种方法可以做到这一点:

(1)在控制器中,render :json => @user先使用,然后使用诸如访存API或Axios之类的东西来检索.vue组件中的数据。

-要么-

(2)使用类似的例子<%= javascript_pack_tag 'hello_vue' %>有一起<%= content_tag ... %>在一个视图。

当我做这个<%= javascript_pack_tag 'hello_vue' %>例子时,我可以看到“ Hello Vue!” 从组件“ message”变量中的数据中获取数据,但是很难找到实例变量数据的示例,例如:@user数据,它们传入和传出Rails。

如何传递@user数据的任何示例将不胜感激。

谢谢。

ruby-on-rails instance-variables vue.js vuejs2 webpacker

5
推荐指数
1
解决办法
721
查看次数

为什么 JWT 需要作为 Bearer Token 标头发送?

我正在将 JWT Auth 添加到旧的 Rails 后端,以实现全新的前端。

根据 HTTP 请求,似乎大多数消息来源都建议我通过 Bearer 标头将令牌发送回服务器。

为什么?通过标头(承载或基本)发送的附加价值是什么?我不能简单地通过 .json 将 JWT 传回服务器并从那里验证令牌。

授权标头给我带来了什么好处,更重要的是,承载授权标头给我带来了什么?

我当然可以简单地遵循每个人的例子,但想了解为什么。承载文档非常冗长,很难理解我通过简单发送 JWT 作为请求中数据的一部分获得了什么。

谢谢。

authentication ruby-on-rails jwt bearer-token ruby-on-rails-5

5
推荐指数
1
解决办法
2208
查看次数

Sublime Text 4:从终端打开多个窗口

Sublime Text 4 刚刚发布。Sublime Text 3/2 的行为更改已实现。在新的 Sublime Text 4 中,如果当用户(我)从终端使用命令时窗口已经打开,它会将我带到当前打开的Sublime Text 窗口。这不是我想要的行为。$ subl .

以前在 Sublime 3/2 中,后续使用$ subl .命令将在此目录中打开一个新的 Sublime Text 窗口(我现在有 2 个单独的窗口,都在该目录中,所有该项目的子目录都在侧边栏中)。

如何让Sublime Text 4 从终端打开附加窗口? 我想从终端打开同一项目中的多个窗口。

谢谢。

sublimetext sublimetext4

1
推荐指数
1
解决办法
862
查看次数