mint-ui + Nuxt

1. 在 nuxt.config.js新增

vender:[

'element-ui'

],

babel:{

"plugins": [["component", [

{

"libraryName": "element-ui",

"styleLibraryName": "theme-default"

},

'transform-async-to-generator',

'transform-runtime'

]]],

comments: true

},

plugins: [{ src: '~plugins/element-ui', ssr: true }],

在head->link下新增

{rel: 'stylesheet', type: 'text/css', href: 'https://unpkg.com/mint-ui/lib/style.css'}

2. 新增plugins/element-ui.js檔案, 內容:

import Mint from 'mint-ui'

Vue.use(Mint)

3.在需要的地方引用,如:

// 按需引用

import { Indicator } from 'mint-ui'