一、使用HBuilderX导入插件

提示:这个方法需要登录HBuilderX

1、在插件市场找到自己所需插件,点击“使用HBuilderX导入插件”

2、在HBuilderX中选择需要导入的项目

3、之后插件将自动下载并保存在uni_modules目录

此种方法可以直接在页面上使用,无需另外的引用和注册组件

二、通过uni_modules单独安装插件

1、在插件市场找到自己所需插件,点击“下载插件ZIP”

2、在自己项目下创建目录uni_module

3、解压插件,将components中的uni-badge目录直接复制到项目的uni_modules中

此种方法可以直接在页面上使用,无需另外的引用和注册组件

三、通过components单独安装组件

1、在插件市场找到自己所需插件,点击“下载插件ZIP”

2、在自己项目下创建目录components

3、解压插件,将components中的uni-badge目录直接复制到项目的components中

4、代码中导入插件

page-text.vue

<uni-badge text=”1″></uni-badge>
<uni-badge text=”2″ type=”success” @click=”bindClick”></uni-badge>

import uniBadge from “@/components/uni-badge/uni-badge.vue”

export default {
data() {
return { uniBadge }
},
components: {
uniBadge
}
}

作者 admin

百度广告效果展示