在 Main.js 中导入 js-cookie 时出现问题答案

【问题标题】：Problem when importing js-cookies in Main.js在 Main.js 中导入 js-cookie 时出现问题
【发布时间】：2019-10-25 04:23:24
【问题描述】：

我正在尝试在我的 main.js 中导入 js-cookies

Main.js

import * as Cookies from "js-cookie";
Vue.use(Cookies)

在组件中使用

 this.$Cookies.set('name', data.user, { secure: true });

错误

TypeError: Cannot read property 'set' of undefined

有什么问题？试了一千种方法还是不行。

【问题讨论】：

标签： vue.js js-cookie

【解决方案1】：

Vue.use(name) 用于安装 vue 插件。该包将需要一个接收 vue 实例的安装方法。

#1 您可以在没有插件的情况下使用 cookie 包，在组件中导入模块

<script>
import  Cookies from 'js-cookie';
export default {
  methods: {
    addCookie() {
      console.log('adding the cookie');
      Cookies.set('chocolate', 'chookies');
      console.log(Cookies.get());
    }
  }
}
</script>

#2您可以添加一个VUE插件并为Cookies模块设置一个Cookies原型函数。（原型 vue 函数将可用于组件，以 $ 为前缀是标准的。

src/CookiesPlugin.js

import Cookies from 'js-cookie';

const CookiesPlugin = {
  install(Vue, options) {
    Vue.prototype.$Cookies = Cookies;
  }
};

export default CookiesPlugin;

src/main.js

import CookiesPlugin from './CookiesPlugin';
Vue.use(CookiesPlugin);

在组件中

this.$Cookies.set('chocolate', 'chookies');
console.log(this.$Cookies.get());

【讨论】：

【解决方案2】：

您使用的是 NOT Vue（Vanilla JS 库）库，并且您正在尝试将其用作 Vue 资源。

Try using this one instead

【讨论】：