uniapp 全局组件
时间: 2023-08-03 07:08:52 浏览: 105
Uniapp 全局组件可以在应用中任何页面中使用,而不需要在每个页面中都引入一遍。以下是创建全局组件的步骤:
1. 在 /components 文件夹下创建一个组件的文件夹,例如 my-global-component。
2. 在 my-global-component 文件夹下创建一个 my-global-component.vue 文件,编写组件的模板、样式和逻辑。
3. 在 App.vue 中引入 my-global-component 组件,并在 components 属性中注册该组件。
具体代码如下:
```html
<!-- my-global-component.vue -->
<template>
<div class="my-global-component">
<!-- 组件模板 -->
</div>
</template>
<script>
export default {
// 组件逻辑
}
</script>
<style>
/* 组件样式 */
</style>
```
```vue
<!-- App.vue -->
<template>
<div>
<!-- 页面内容 -->
<my-global-component />
</div>
</template>
<script>
import MyGlobalComponent from '@/components/my-global-component.vue'
export default {
components: {
MyGlobalComponent
}
// 页面逻辑
}
</script>
<style>
/* 页面样式 */
</style>
```
这样,my-global-component 组件就可以在应用的任何页面中使用了。
阅读全文