Tag: vue.js

让vuejs在nodejs / express应用程序中呈现: 我有一个nodejs / express js应用程序。目前这是一个简单的4页的文本网站。我用npm添加了vuejs并试图挂载它 import Vue from 'vue'; var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) 它不渲染，但输出 <!–function (a, b, c, d) { return createElement(vm, a, b, c, d, true); }–> CanI可以在节点上使用vuejs，如果有的话，我怎么把它渲染出来。编辑：HTML（从.pug呈现） <div class="content"><!–function (a, b, c, d) { return createElement(vm, a, b, c, d, true); […]

如何导出分配给variables的需求？: 我正在执行以下操作，以使其在<app></app>可见 index.html的： <script> var electron = require('electron') </script> <app></app> <script src="bundle.js"></script> App.vue： const ipc = electron.ipcRenderer console.log(ipc) 但是，我用ESLint得到un-used和un-defined var错误，所以我决定这样做： requires.js： var electron = require('electron') exports.electron = electron index.html的： <script src="requires.js"></script> </head> <body> <app></app> <script src="bundle.js"></script> 但是现在我得到这个错误： requires.js:3 Uncaught ReferenceError: exports is not defined 。 input和input电子的正确方法是什么？注意：要求直接在App.vue中使用electron不起作用。你只能在index.html要求electron 完整的例子： https ： //github.com/alexcheninfo/vue-electron-simple

如何在laravel 5中发布/使用节点模块？: 我有我的laravel应用程序，我开始使用Vuejs 。我是新来的，也许我错过了一些核心概念。无论如何（例如）我想要使用这个组件：具有search自动完成的多选。跑完之后 npm install vue-multiselect@next –save 我在我的node_module组件目录中，我也有package.json文件中的依赖vue-multiselect 。现在我有点困惑于如何前进，并在我的一个观点使用这个组件。网站安装不起作用。我不能在common js使用require或import关键字。基本用法 HTML <multiselect v-model="value" :options="options"> JavaScript的 import Multiselect from 'vue-multiselect' // register globally Vue.component(Multiselect) export default { // OR register locally components: { Multiselect }, data () { return { value: null, options: ['list', 'of', 'options'] } } } […]

如何从计算的属性Vue.js访问数据: 我使用Vue.js，当我尝试从计算属性中的数据访问variables时，它返回undefined 。代码如下： <script> export default { name: 'app', data: () => { return { lang: 'sp' } }, computed: { langEn: () => this.lang === 'en', langSp: () => this.lang === 'sp' } } </script> 这是一个NPM项目。并在.vue文件中。这样使用时可能会有不同的performance？谢谢您的帮助

你如何获得在vuejs组件unit testing中定义的“this”variables: 我想在npm脚本中使用mocha-webpack来testing一个vuejs组件。我在testing中嘲笑这样的vuex商店： const vm = new Vue({ template: '<div><test></test></div>', store: new Vuex.Store(mockedStore), components: { 'test': TestItems } }).$mount() 我在组件上调用一个方法来testing，例如： vm.$options.components.test.methods.foo() 在组件中，我有访问商店的代码，例如： this.$store.commit('bar', data) 问题是，当它到达这一点，我得到这个错误： 'Cannot read property \'commit\' of undefined' undefined undefined 我证实在这方面“这个”是未定义的。当我运行应用程序时，“this”被定义并且具有“$ store”。我如何使它在unit testing环境中工作？

如何用vuejs导入元素UI: 以下是完整的代码： https ： //github.com/kenpeter/osmosis_drive_front 我想要做的是使用元素的UI为我的项目。我遵循这个快速指南。有一个babelrc设置。我有困难的时候合并我的babelrc与下面的这一个。任何人都知道如何合并这两个babelrc，使Element UI与Vuejs合作？我的babelrc： { "presets": [ "es2015", "stage-2" ], "plugins": [ "transform-runtime" ], "comments": false } 元素UI babelrc { "presets": [ ["es2015", { "modules": false }] ], "plugins": [["component", [ { "libraryName": "element-ui", "styleLibraryName": "theme-default" } ]]] }

从Vue.JS发布到Express路由器: 我试图从一个vue.js前端数据发布到我的express / node后端。 POST似乎通过，但在后端我只是得到一个未定义的空数组。前端： main.js var app = new Vue({ el: '#app', data: { guests: [], code: '', showGuests: true }, methods: { saveGuests: function() { $.ajax({ type: "POST", url: '/api/rsvp/' + this.code, data: this.guests, success: function() { this.showGuests = false; // do more stuff to handle submission }, dataType: 'json' }); }, … […]

为vue-cli运行“npm run dev”时出现跨环境问题: 我与CentOS7，安装在VirtualBox（真正的操作系统：Windows 7）。节点版本：6.10.3 Npm版本：3.10.10 我安装了vue-cli，像这样： sudo npm install -g vue-cli 然后我创build了一个新的vue项目，如下所示： sudo vue init webpack-simple mynewproject 但运行“npm run dev”时出现错误： > mynewproject@1.0.0 dev /var/www/html/mynewproject > cross-env NODE_ENV=development webpack-dev-server –open –hot sh: cross-env : commande introuvable npm ERR! Linux 3.10.0-514.el7.x86_64 npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "run" "dev" npm ERR! node v6.10.3 npm ERR! npm v3.10.10 npm ERR! […]

Webpack，vue.js和组件捆绑分离: 我们正在尝试构build一个在客户端使用vue.js的“可插件”Java Web应用程序。一般描述假设我们想要得到下面的服务器端应用程序简化架构，没有在生产中使用NodeJs（使用Java和Osgi，但在我看来这并不重要，它可能是PHP，.Net或者其他）：一个主要的Web应用程序，其中包括：vuejs2，路由器和一些通用的依赖项（bootstrap，jQuery等），在客户端，许多Web应用程序插件，其中包括：附加和/或可选的vue.js组件和第三方依赖项。我们想要什么 webapp执行检查服务器端可用的webapp插件的工作，然后在索引文件中公开适当的JS文件。例如： app.js：主要的webapp加载器和一般的依赖关系， pluginA.js：由服务器端插件“A”提供的vue.js组件， pluginB.js：由服务器端插件“B”提供的vue.js组件。整个webapp不是通过nodejs构build的，而是使用node和webpack分别构build3个示例。约束我们如何才能实现这些插件的构build过程：我们希望避免javascript构build过程必须同时调整应用程序的所有部分：检查，我们有1个embedded式vue应用程序，每个webapp插件，Maven运行每个webapp插件和服务器端的节点构build过程做的工作分开揭露所有的3个文件，插件JS文件只包含他们想要提供的构buildvue组件和第三方依赖关系：未选中，所有3个输出文件夹都包含所有的JS依赖关系。思路对于每个webapp插件，我们认为我们需要find一种方法来构buildwebapp插件的所有.vue文件，并从输出文件中排除所有其他依赖项。因为我们对节点和vuejs世界是新的，我们怎么能实现呢？谢谢你的帮助。

vue.js与vue-multilanguage我的webpack编译没有被翻译正确: 我的webpack编译没有被转译成正确的JS。它写道 exports default MultiLanguage而不是module.exports = { MultiLanguage: MultiLanguage}; 我的.bablerc { "presets": ["es2015", "stage-0"], "plugins": ["transform-runtime"] } 我的package.json { "name": "myapp", "version": "0.0.1", "description": "My app", "dependencies": { "bootstrap": "^3.3.7", "vue": "^2.4.2", "vue-multilanguage": "^2.1.1" }, "devDependencies": { "babel-cli": "^6.24.1", "babel-core": "^6.25.0", "babel-loader": "^6.4.1", "babel-plugin-transform-runtime": "^6.1.2", "babel-preset-es2015": "^6.24.1", "babel-preset-stage-0": "^6.1.2", "babel-runtime": "^5.8.0", "webpack": "^1.15.0" }, "author": […]