如何将“Vue Select”安装到我的 Rails 应用程序？答案

【问题标题】：How to install "Vue Select" to my Rails application?如何将“Vue Select”安装到我的 Rails 应用程序？
【发布时间】：2017-08-04 12:09:08
【问题描述】：

我在 Rails 应用程序中使用名为 vuejs-rails 的 gem 使用 Vue.js，现在我想使用名为 vue-select 的 js 插件

他们说使用 npm 安装下面的代码并将其写入我的 js 文件

import Vue from 'vue'
import vSelect from 'vue-select'
Vue.component('v-select', vSelect)

但它没有用。

我有两个问题。

第一个是“如何在我的 Rails 应用中引入 vue-select 插件（使用资产管道）

第二个是“为什么在 Rails5 中 Asset Pipeline 被 Webpack 取代了？”听说使用webpack，在Rails中使用js和js插件要容易很多。但我不明白为什么资产管道不好而 webpack 好。

谢谢。

【问题讨论】：

【解决方案1】：

第一个问题：

vuejs-rails 似乎没有vue-select 组件。至少，那里没有提到。这可能是因为它不是Vue.js 的一部分，而是一个自定义组件。但是，您可能想尝试使用sprockets-vue，它允许将.vue 文件转换为js 对象。

关于第二个问题，Webpack 并没有取代 Rails 5 中的 Asset Pipeline。它甚至不存在。相反，它将与 Yarn 一起包含在 Rails 5.1 中，它们将与 Asset Pipeline (reference) 共存。

【讨论】：