Uni-Vue Gem

安装

配置 Gem

在 Gemfile 内加入

gem 'vuejs-rails'gem 'browserify-rails'
gem 'uni-vue', git:'[email protected]:ray/uni-vue.git'

运行 bundle

$ bundle install

配置 npm

在项目根目录下创建一个package.json文件并加入以下内容：

{ 
    "name": "portal",
    "version": "1.0.0",
    "dependencies": 
    {        
        "babel-plugin-transform-runtime": "^6.9.0",         
        "babel-preset-es2015": "^6.9.0", 
        "browserify": "~10.2.4",
        "browserify-incremental": "^3.0.1",
        "coffeeify": "^2.0.1",
        "vueify": "^8.6.0",
        "vueify-insert-css": "^1.0.0"    
    },
 "license": "MIT",
 "engines": {
 "node": ">= 0.10"
 }
}

安装 npm

$ rake npm:install

注：必须安装 nodejs 5.0 以上版本

配置 config/application.rb

在项目根目录下打开 config/application.rb 加入以下语句

class Application < Rails::Application
     config.browserify_rails.commandline_options = [
             "-t vueify --extension=\".vue\"",
             "-t coffeeify --extension=\".module.coffee\""
]
end

引用

不建议在项目的全局 assets 内将 uni-vue 引入。而且要将 Rails 的 turbolink 功能关闭。

在应用 uni-vue 的页内加入以下的语句就可以成功引用：

<%= javascript_include_tag 'uni-vue/application' %>