美文网首页nuxt.js基础入门教程
nuxt入门教程(三)在nuxt中使用element ui

nuxt入门教程(三)在nuxt中使用element ui

作者: 党云龙 | 来源:发表于2019-10-29 10:47 被阅读0次

    在nuxt中使用element ui


    第一步先安装

    cnpm i element-ui -S-d
    

    安装完了以后
    找到 plugins文件夹,新建一个js文件,名字叫 ElementUI.js
    然后再里面输入:

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

    然后打开 nuxt.config.js添加下面这些:

    css: [
      'element-ui/lib/theme-chalk/index.css'
    ],
    plugins: [
      {src: '~/plugins/ElementUI', ssr: true }
    ],
    build: {
      vendor: ['element-ui']
    }
    

    build中原来可能有东西,你加它上面即可。

    使用的时候跟再vuecli中没有任何区别

    相关文章

      网友评论

        本文标题:nuxt入门教程(三)在nuxt中使用element ui

        本文链接:https://www.haomeiwen.com/subject/anewvctx.html