搜索
您的当前位置:首页正文

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.随便引用点什么

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

热门图文

Top