如何引入uni-popup

要在uni-app中使用uni-popup组件，需要先在pages.json文件中声明组件：

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    }
  ],
  "globalStyle": {
    "navigationBarTextStyle": "white",
    "navigationBarBackgroundColor": "#007aff",
    "backgroundColor": "#f8f8f8"
  },
  "usingComponents": {
    "uni-popup": "/components/uni-popup/uni-popup"
  }
}

然后在需要使用的页面的vue文件中引入组件：

<template>
  <view>
    <uni-popup :show="showPopup" @close="closePopup">
      <!-- 弹出层内容 -->
    </uni-popup>
  </view>
</template>

<script>
export default {
  data() {
    return {
      showPopup: false
    };
  },
  methods: {
    openPopup() {
      this.showPopup = true;
    },
    closePopup() {
      this.showPopup = false;
    }
  }
};
</script>

这样就可以在页面中使用uni-popup组件了。