安装
npm add naive-ui
全局按需引入组件
新建文件 plugins/naive.js
import {
// create naive ui
create,
// component
NConfigProvider,
NMessageProvider,
NButton,
NIcon,
} from 'naive-ui'
const naive = create({
components: [
NConfigProvider,
NMessageProvider,
NButton,
NIcon,
],
})
export default naive
注入到mian.js
import { createApp } from 'vue'
import App from './App.vue'
import naive from '@/plugins/naive'
createApp(App).use(naive).mount('#app')
页面使用
<template>
<n-button>naive-ui</n-button>
<n-button type="primary">naive-ui</n-button>
</template>