uniapp 全局组件
时间: 2023-09-05 17:07:52 浏览: 106
uni-app 自定义组件展示html富文本内容,可实现富文本html内容中 图片展示、视频播放、音频播放。
5星 · 资源好评率100%
在uniapp中定义全局组件可以让你在任何页面中都可以使用该组件,而不用在每个页面都单独引入组件。下面是一个简单的示例:
1. 在uniapp项目的根目录下创建一个名为`components`的文件夹,用于存放全局组件。
2. 在`components`文件夹中创建一个新的组件,例如`GlobalComponent.vue`。
3. 在`GlobalComponent.vue`中定义组件的模板和逻辑。
4. 在`App.vue`中全局注册该组件,如下:
```vue
<template>
<div>
<global-component></global-component>
<router-view></router-view>
</div>
</template>
<script>
import GlobalComponent from '@/components/GlobalComponent.vue'
export default {
components: {
GlobalComponent
}
}
</script>
```
现在,你可以在任何页面中使用`<global-component>`标签来引用该组件了。
阅读全文