文章/答案/技术大牛

发布

社区首页 >问答首页 >Vue.js如何使用npm插件

问Vue.js如何使用npm插件
EN

Stack Overflow用户

提问于 2017-10-06 18:37:15

回答 1查看 576关注 0票数 0

我已经用我的Vue.js cli webpack项目尝试了多个不同的插件，而且所有这些都遇到了同样的问题，即一旦我包含了一个插件，我就无法使用它。

作为一个例子。我试过在这个链接上使用插件。https://www.npmjs.com/package/vue-sessionstorage

这是我的main.js文件

import Vue from 'vue'
import router from './router'
import VueMaterial from 'vue-material'
import { store } from './store'
import 'vue-material/dist/vue-material.css'
import 'vue-style-loader'
import VueSessionStorage from 'vue-sessionstorage'

import App from './App'

Vue.use(VueMaterial, VueSessionStorage);


Vue.config.productionTip = false;


/* eslint-disable no-new */
new Vue({
    el: '#app',
    router,
    store,
    template: '<App/>',
    components: { App },

});

我已经运行了npm安装-保存vue-sessionstorage。

如您所见，我还导入了VueSessionStorage

但是，当我尝试像这样使用它的时候

methods: {
            login: function () {
                console.log("Login clicked");
                this.$session.set('username','simon')
                console.log(this.$session.get('username'));
            },
            register: function () {
                console.log(this.$session.get('username'));

            }
        }

我知道错误了

vue.esm.js?65d7:563 TypeError: Cannot read property 'set' of undefined
    at VueComponent.login (Login.vue?2ddf:35)
    at boundFn (vue.esm.js?65d7:179)
    at Proxy.invoker (vue.esm.js?65d7:1821)
    at Proxy.Vue.$emit (vue.esm.js?65d7:2331)
    at click (mdButton.vue?3bf8:38)
    at HTMLButtonElement.invoker (vue.esm.js?65d7:1821)
handleError @ vue.esm.js?65d7:563
Vue.$emit @ vue.esm.js?65d7:2333
click @ mdButton.vue?3bf8:38
invoker @ vue.esm.js?65d7:1821

vue-material

session

vue.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-10-06 21:12:12

Vue.use不允许像这样同时初始化多个插件。将它们初始化为两个单独的调用：

Vue.use(VueMaterial);
Vue.use(VueSessionStorage);

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46611967

复制

相似问题

问Vue.js如何使用npm插件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vue.js如何使用npm插件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vue.js如何使用npm插件
EN