您的当前位置：首页正文

vue+NuxtJS中使用Element-ui

来源：独旅网

vue+NuxtJS中使用Element-ui

最近开始学习NuxtJS，这里给大家提供一下官方的文档：。
nuxt 项目还比较年轻，但是 vue 官方推荐，且有着强大的社区支撑，所以还是有着不错的维护效率。有兴趣的小伙伴们可以学习一波，祝大家越来越强哈。不废话了来一起看看怎么在这个框架中使用element-ui吧。

1.首先在plugins中新建文件夹element-ui.js

添加的内容如下：

import Vue from 'vue'
import Element from 'element-ui'
Vue.use(Element);

2.修改nuxt.config.js中的内容

  css: [
    {src:'element-ui/lib/theme-chalk/index.css'}
  ],
  /*
  ** Plugins to load before mounting the App
  */
  plugins: [{
    src:'~plugins/element-ui',
    ssr: true //是能在服务端运行
}
  ],

3.随便引用点什么

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文