如何在js中导入js-cookie

在JavaScript中，可以使用以下方式导入js-cookie：

1.通过script标签引入js-cookie库：

在HTML中，可以通过以下方式引入js-cookie库：

<script src="path/to/js.cookie.js"></script>

2.使用ES6的import语句：

如果你正在使用ES6模块化，可以使用以下方式导入js-cookie库：

import Cookies from 'js-cookie';

完成导入后，你就可以使用js-cookie提供的API来操作cookie了。

相关问题

js-cookie 删除cookie

你可以使用js-cookie库来删除cookie。以下是一个示例代码：

// 导入js-cookie库
import Cookies from 'js-cookie';

// 删除名为cookieName的cookie
Cookies.remove('cookieName');

在上面的代码中，我们首先导入了js-cookie库。然后，使用`Cookies.remove('cookieName')`语句删除了名为`cookieName`的cookie。

vue main.js 引入 js-cookie

在Vue项目中引入`js-cookie.js`库来操作cookies，可以按照以下步骤进行：

1. 首先，在`main.js`文件（或`src/main.js`）中安装`js-cookie`作为依赖。你可以通过npm或yarn来安装：

   npm install js-cookie --save
   # 或者
   yarn add js-cookie

2. 安装完成后，导入`js-cookie`并导出一个全局变量供Vue组件访问。这里假设你在`src/util`目录下创建了一个`cookieUtil.js`文件：

   // src/util/cookieUtil.js
   import Cookies from 'js-cookie';

   export default {
     setCookie(key, value, options = {}) {
       Cookies.set(key, value, options);
     },
     getCookie(key) {
       return Cookies.get(key);
     },
     removeCookie(key) {
       Cookies.remove(key);
     }
   };

3. 在`main.js`中，你需要配置Vue实例，使其能够访问这个全局变量：

   // src/main.js
   import Vue from 'vue';
   import App from './App.vue';
   import cookieUtil from '@/util/cookieUtil';

   Vue.prototype.$cookieUtil = cookieUtil;

   new Vue({
     render: h => h(App),
   }).$mount('#app');

现在，你可以在Vue组件内通过`this.$cookieUtil`来操作cookies了。