vue main.js中能使用window.addEventListener

是的，在 Vue.js 的 main.js 中可以使用 `window.addEventListener`。

这个方法用于向浏览器的 window 对象添加事件监听器，即当指定的事件发生时，会触发回调函数。

例如，你可以在 main.js 中这样使用 `window.addEventListener`：

window.addEventListener('load', function () {
  console.log('The page has finished loading')
})

上面的代码会在页面加载完成后输出一条消息。

相关问题

vue main.js中如何实现window.addEventListener、

在 main.js 文件中，你可以这样使用 window.addEventListener:

window.addEventListener('eventName', eventHandler)

其中，'eventName' 是你要监听的事件的名称，eventHandler 是一个回调函数，在事件被触发时会执行。例如，你可以在 main.js 中这样监听页面加载完成事件:

window.addEventListener('load', function() {
  // 页面加载完成后执行的代码
})

你还可以选择性地传入第三个参数，指定事件是否应该在捕获阶段执行，而不是在冒泡阶段执行。如果你不确定如何使用这个参数，可以忽略它，默认情况下事件会在冒泡阶段执行。

例如:

window.addEventListener('eventName', eventHandler, true)

这样就可以在 main.js 中使用 window.addEventListener 了。

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了。