问题标签 [vuejs2]

我有 5 个包含相同用户数据的选项卡。每个选项卡都有一个按术语搜索的输入。如何重用代码来获取用户并在打开的选项卡中搜索它们。代码在这个 JSFiddle中：

查询 - 要搜索的术语字符串

ComputedList - 按搜索词过滤的数据数组。

但是“查询”和“ComputedList”出现错误。

[Vue 警告]：属性或方法“查询”未在实例上定义，但在渲染期间被引用。确保在 data 选项中声明反应数据属性。（在根实例中找到）。

我的应用程序中有许多具有重复操作的表单...

并保存方法..

注意.catch(resp => { ... })

在我的应用程序的所有表单中，我需要使用这个 catch 来处理表单字段和服务器响应。

所以，我的问题是，如何在 Vue.js 中处理重复的捕获任务？如何创建指令或组件，我的所有表单都将使用仅在一个地方处理服务器响应和表单字段的组件。

试过了

我创建了一个名为v-catch-errors

但是，如何处理该指令中的 ajax 操作？

我有一个看起来像这样的数组。

我想使用 lodash 搜索数组以在每个用户对象中找到一个值。

具体来说，我想使用另一个类似对象数组中的值来查找值。

这就是我所拥有的并且它有效，但我想只使用一个循环而不是两个循环来做到这一点。我想使用 _.indexOf 之类的东西。那可能吗？

我正在尝试为我的应用程序的所有选择制作一个 Vue2 组件，以便以后在必要时更容易更改它！

我的研究基于文档给出的示例，我正在努力弄清楚为什么我应该在数据属性上指定所有对象以使其工作！

下面的代码工作正常，但如果我们改变： data: { record: { category_id: null } }通过data: { record: {} }它停止工作！

必须说 $data.record 是由 ajax 加载的......即使知道在 ajax 请求之后我将用类似的东西替换所有对象，我是否总是指定整个对象this.record = response.data？

如果有人需要 FIDDLE [ https://jsfiddle.net/gustavobissolli/4xrfy54e/1/ ]

编辑：对不起，伙计们刚刚修复了小提琴链接

我目前使用 Vue.JS 2.0，我想从自定义指令中更新一个 Vue 实例的模型，但我正在寻找一种很好的方法，这是因为我试图创建一个自定义指令来实现 JQueryUI-Datepicker 代码如下：

有人知道如何从指令中以动态方式更新 pop.app.date，我知道 binding.expression 在此示例中返回 app.date 并且 date 返回在 datepicker 中选择的当前日期，但我不知道如何更新模型从指令

我将 Vue.js 用于小型单页应用程序或小型组件。但现在我正在尝试用它构建应用程序的整个前端，但我的项目架构遇到了一些问题。

我应该为每个页面创建一个组件吗？（就像在 vue 路由器文档中一样）像 HomePage、ArticlePage、LoginPage、ContactPage 等？

但是，我怎样才能用这么多组件来组织我的组件文件夹呢？

我想知道大型 vue.js 应用程序是否有一些典型的架构？

这是我目前的架构：

背景

从一个新的 vue.js (2.0) 项目开始。我vue-cli在其他项目（vuejs-templates/webpack）中工作过，发现在进行任何类型的更改时很难掌握构建过程。最重要的是，webpack 因其缺乏文档而臭名昭著，因此即使对构建过程进行微小的调整，也需要做大量的工作。总的来说，我相信我对 webpack 和 vue-loader 都了解。我仍然很难全面了解vuejs-templates/webpack。

问题

我正在考虑为这个应用程序滚动我自己的 webpack 配置，但我担心我最终会得到一个与当前vuejs-templates/webpack. 我的计划是从vuejs-templates/webpack-simple 开始，不要让事情过于复杂。我想到的是一个位于vuejs-templates/webpack-simple和之间的配置/构建过程vuejs-templates/webpack。

我很想看看其他人（也许我有更多的经验）对vuejs-templates/webpack. 想知道随着项目的发展，它是否会变得更难使用，或者最终是否会变得有意义。

滚动我自己的 webpack 配置/构建过程是否有意义，或者我应该把它吸起来并使用vuejs-templates/webpack？

我有一个有多个页面的 SPA。页面是组件，使用 webpack 的代码拆分按需加载。

页面用<transition mode="out-in">标签包裹，但是，顺序转换不适用于初始组件加载。

这是一个重现错误https://github.com/ByEmke/vue-transition-mode-issue的 git 存储库。

[编辑] 我想强调关于过渡模式的问题。这是过渡模式不起作用。“out-in”应该缓和消失的元素，缓和出现的元素，这应该按顺序发生，但是，它是并行发生的（因为没有设置过渡模式）。它不适用于初始组件加载（运行时您可以在 Github 的示例中清楚地看到它），但在之后切换时它可以正常工作。

这是一个显示问题的 gif http://recordit.co/mtiNGNNCp

1x 代码：它正在工作。

2x 迁移：

编译文档：http: //vuejs.org/api/#Vue-compile

我有一个简单的代码来测试子组件和父组件之间的通信，遵循 vuejs doc 中的示例：http: //vuejs.org/guide/components.html#Using-v-on-with-Custom-Events。但显然它不适用于父组件

我的 jsfiddle：Jsfiddle

html: