关于vue.js:Vue-30-UI-库-Naive-的使用

5次阅读

共计 393 个字符,预计需要花费 1 分钟才能阅读完成。

Naive 间接引入 的应用

1. 惯例引入

<template>
  <n-button>naive-ui</n-button>
</template>

<script>
  import {defineComponent} from 'vue'
  import {NButton} from 'naive-ui'

  export default defineComponent({
    components: {NButton}
  })
</script>

2. 应用 setup script

<template>
  <n-button>naive-ui</n-button>
</template>

<script>
  import {defineComponent} from 'vue'
  import {NButton} from 'naive-ui'

  export default defineComponent({
    components: {NButton}
  })
</script>
正文完
 0