nuxt 配 plugins，也就是插件比如说在plugins文件夹下aaa.js，然后在nuxt.config.js

比如说在plugins文件夹下aaa.js，

console.log(111)

然后在nuxt.config.js里面配一下plugins：

// nuxt.config.js
{
  // ...
  // 在页面渲染之前所用到的插件
  plugins: [
   '~/plugins/aaa.js'
  ]
  // ...
}

比如说axios的二次封装，就可以把这个文件放里边。或者第三方的插件。比如说element ui的css文件就在css里面加上去，js就在plugins里面加入。

这里新建一个js文件。然后在elementjs里边，可能会引入，比如import element，use一下就可以了。

引入第三方库这块怎么写

在nuxt安装那个时候，有一个选项让大家去选框架，如果选择了element，在nuxt.config.js里边：

{
 plugins: [
   '@/plugins/element-ui'
 ]
}

就有这样一个引入。

plugins下面就有一个element-ui.js

要是没选，那么我们自行去下载cnpm i element-ui -S

下载完成后，就要进行一系列的引入了。首先先把css引入。

// nuxt.config.js

{
  css: [
    'element-ui/lib/theme-chalk/index.css'
  ]
}

配置完，项目它自己会对应去找node_modules里边的一些内容。

然后还得配置js：

{
  plugins: {
    '~/plugins/element.js'
  }
}

然后在plugins下面创建element.js文件：

// element.js
import Vue from 'vue';
import ElementUI from 'element-ui';

Vue.use(ElementUI);
// 上面三行代码就可以了

然后测试安装以及这样的一个引入。

<el-button type="primary" icon="el-icion-search">搜索</el-button>

写在nuxt里面是这样：

/pages/index.vue

<template>
  <div>
    首页
    <el-button type="primary" icon="el-icon-search">搜索</el-button>
  </div>
</template>

<script>
export default {
  name: 'IndexPage'
}
</scirpt>

然后去看页面效果，就看到生效了。

后续还有更多插件，你等着我更新。

nuxt有很多插件写法有src，还可以直接引入：

src的。

直接写的。