uni-app插件

我正在参加跨端技术专题征文活动，详情查看：juejin.cn/post/710123

插件介绍

uni-app里包含大量插件，开发中可以直接来使用，简单快捷，提高效率。

导入

下面我介绍下使用方法：

插件市场：DCloud 插件市场

可以通过搜索的方式，搜索自己想用的插件，减少开发。

比如说：通讯录 这样就搜到了很多通讯录相关的插件

可以选择直接使用hbuildX导入插件或者是下载插件zip，手动导入到项目中

1.直接导入

首先要登录自己的账号,没有需要先注册一个

点继续 打开

会让你选择导入到哪个项目中 点确认 就ok了

2.下载zip手动导入

点下载插件zip

解压出来后 把components里的文件夹拖动放到项目中components里

使用

import rootParent from 'components/yt-txl/index.vue'
	export default {
		name: 'txl',
        }

这样插件就引用成功，可以使用喽。

像这种支持uni_modules的，可以使用npm安装，下面有详细介绍安装方式步骤要求

uni-ui - DCloud 插件市场

安装成功后项目根目录会有node_modules文件夹，文件夹下面是所有的组件

可以这样引用：

<template>
  <view>
    <uni-badge text="1"></uni-badge>
  </view>
</template>
 
<script>
  import uniBadge from '@dcloudio/uni-ui/lib/uni-badge/uni-badge.vue'
  export default {
    components: {
      uniBadge
    }
  }
</script>
 
<style scoped>
</style>

或通过上面那种按照需要引用，节约资源。