uniapp 新建组件

1. 新建文件夹 components

文件夹名称必须是 components ,否则组件无法自动导入

uniapp 新建组件_第1张图片

2. 新建组件

在这里插入图片描述

uniapp 新建组件_第2张图片
在这里插入图片描述

3. 编辑组件

components/logo/logo.vue

<template>
	<img src="https://img.alicdn.com/imgextra/i1/O1CN01EI93PS1xWbnJ87dXX_!!6000000006451-2-tps-150-150.png" />
template>

4. 使用组件

因 uniapp 会自动导入 components 文件夹中的组件,所以直接在页面中使用即可

pages/index/index.vue

<logo>logo>

效果如下

uniapp 新建组件_第3张图片

你可能感兴趣的:(#,uni-app,uni-app)