Skip to content
On this page

组件注册

按需引入

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

ts
import { NMenu } from 'naive-ui';
const naive = create({
    components: [
        NMenu
    ]
})

tsx 文件注册

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

jsx
import { NMenu } from 'naive-ui';

export default defineComponent({
  setup() {
    return () => (
      <NMenu />
    );
  },
});

全局注册

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

ts
import { createApp } from 'vue'
import naive from 'naive-ui'

const app = createApp(App)
app.use(naive)