组件注册

按需引入

项目目前用到的组件,都在这引入了,需要其他的在这加即可 src/plugins/naive.ts

  1. import { NMenu } from 'naive-ui';
  2. const naive = create({
  3. components: [
  4. NMenu
  5. ]
  6. })

tsx 文件注册

tsx 文件内不能使用全局注册组件

  1. import { NMenu } from 'naive-ui';
  2. export default defineComponent({
  3. setup() {
  4. return () => (
  5. <NMenu />
  6. );
  7. },
  8. });

全局注册

如果不习惯按需引入方式,可以进行全局注册,可参考一下官网文档。

  1. import { createApp } from 'vue'
  2. import naive from 'naive-ui'
  3. const app = createApp(App)
  4. app.use(naive)