时间戳

首页 > 解决方案 > 如何在 Nuxt.js 中编辑 main.js 文件？

vue.js - 如何在 Nuxt.js 中编辑 main.js 文件？

问题描述

我需要将 ExtJS WebComponents 与 Nuxt.js 集成。根据关于将 ExtJS 与 Vue.js 集成的Sencha 文档，我需要以这种方式编辑 src/main.js 文件：

/*global Ext*/
import Vue from 'vue'
import App from './App.vue'
import '@sencha/ext-web-components/lib/ext-panel.component';

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

如何在 Nuxt.js 中完成？

标签： vue.jswebpackextjsnuxt.js

解决方案

您可以使用插件轻松做到这一点。我对另一个包（关于打印）有同样的问题，这就是我解决它的方法：

1.在文件夹plugins中，我创建了一个名为的文件，printHtml.js其中包含：

import Vue from 'vue';
import VueHtmlToPaper from 'vue-html-to-paper';

Vue.use(VueHtmlToPaper);

2.然后在nuxt.config.js文件中我简单地添加了：

  plugins: [
    '~plugins/printHtml.js'
  ],

就这样。:) 我能够在所有组件中使用包功能。你可以用 ExtJS 做同样的事情。

推荐阅读