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

Question

我需要将ExtJS WebComponents与Nuxt.js集成起来。根据森查博士关于将ExtJS与Vue.js集成的说法，我需要这样编辑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中做到这一点？

Answer 1

您可以使用插件轻松地做到这一点。对于另一个包(关于打印)，我也遇到了同样的问题，我就是这样解决的：

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进行同样的操作。