组件中直接使用 import {Tabbar} from 'vant',然后使用<Tabbar>和常规的app.use()注册后使用有什么不同

来源:4-6 安装 vant-ui 和使用 Vite 按需加载组件

秋得法

2024-03-05

组件中直接使用 import {Tabbar} from ‘vant’,然后使用和常规的app.use()注册后使用有什么不同

写回答

1回答

秋得法

提问者

2024-03-05

在 Vue 中,你可以在组件中使用 `import { Tabbar } from 'vant'` 来导入 Vant UI 库的 Tabbar 组件,然后在组件的 `components` 选项中注册它,例如:

```
<script>
import { Tabbar } from 'vant';
...
</script>

<template>
  <div>
    <Tabbar>
      <!-- Tabbar 的子组件 -->
    </Tabbar>
  </div>
</template>
```


这种方式在组件内部使用了 Vant UI 库的 Tabbar 组件,并且仅在该组件内部可用。


而使用 `app.use(Tabbar)` 则是在应用程序的全局范围内注册了 Tabbar 组件,这样在应用程序的任何组件中都可以直接使用 Tabbar 组件,而不必在每个组件中都显式地导入和注册。


在 Vue.js 应用中,通常情况下,你会在根组件(一般是 `App.vue`)中使用 `app.use()` 方法注册全局组件或插件,而在其他子组件中,你可以选择性地导入和注册局部组件。


0
1
one_pieces
同学你已经自己找到答案了,非常不错
2024-03-18
共1条回复

Vue3+Pinia+Vite+TS 还原高性能外卖APP项目

Vue3+Pinia+Vite+TS 还原高性能外卖APP项目

392 学习 · 251 问题

查看课程