-1
我已經嘗試了多個不同的插件與我的Vue.js cli webpack項目,我也遇到了同樣的問題,即一旦我包含插件,我無法用它。Vue.js如何使用npm插件
作爲一個例子。我試圖在這個鏈接上使用插件。 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安裝--save 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.use(VueMaterial); Vue.use(VueSessionStorage);'? – ceejayoz
請不要在此處呼叫人名。評論不需要留下評論,人們應該期待偶爾的駕駛。 – ceejayoz
如果那個離開投票但沒有時間通過評論來教育我和他人智慧的人想留下一個遲來的評論,我不會稱他們爲低生命。 – PrestonDocks