npm i weex-ui -S

<template>
  <div>
    <wxc-button text="Open Popup"
                @wxcButtonClicked="buttonClicked">
    </wxc-button>
    <wxc-popup width="500"
               pos="left"
               :show="isShow"
               @wxcPopupOverlayClicked="overlayClicked">
    </wxc-popup>
  </div>
</template>

<script>
  import { WxcButton, WxcPopup } from 'weex-ui';
  // Или отдельно импортировать (не рекомендуется)
  // import WxcButton from 'weex-ui/packages/wxc-button';
  // import WxcPopup from 'weex-ui/packages/wxc-popup';
  module.exports = {
    components: { WxcButton, WxcPopup },
    data: () => ({
      isShow: false
    }),
    methods: {
      buttonClicked () {
        this.isShow = true;
      },
      overlayClicked () {
        this.isShow = false;
      }
    }
  };
</script>

npm install babel-preset-stage-0 babel-plugin-component -D

{
    "presets": ["es2015", "stage-0"],
    "plugins": [
        [
            "component",
            {
                "libraryName": "weex-ui",
                "libDir": "packages",
                "style": false
            }
        ]
    ]
}

npm install
npm run start
``` **Как использовать Weex Ui**

После завершения компиляции автоматически откроется браузер. Вы можете переключить его в режим разработчика и увидеть в консоли предварительный просмотр двумерного кода (QR-кода). Просто отсканируйте этот код с помощью вашего приложения Weex, чтобы увидеть демонстрационный эффект.

**Поддержка**
* Используйте Weex Ui в своих личных или корпоративных проектах.
* Если вам нравится Weex Ui, вы можете выразить свою симпатию, поставив звёздочку (*Star*).
* Присоединяйтесь к группе чата DingTalk для получения помощи по техническим вопросам, связанным с Weex.

| | | |
|:--:|:--:|:--:|
|   |   |   |
|   |   |   |
|   |   |   |

**Вклад**

Хотите исправить ошибку, внести свой код или улучшить читаемость документации? Это отличная идея! Прежде чем отправлять pull request, не забудьте прочитать [Contributing Guide](https://github.com/apache/incubator-weex-ui/blob/master/CONTRIBUTING.md).

Спасибо всем, кто вносит свой вклад в Weex Ui!

<a href="https://github.com/apache/incubator-weex-ui/graphs/contributors"><img src="https://opencollective.com/weex-ui/contributors.svg?width=890&button=false"/></a>

**Соглашение**

* Следуйте [Apache License](https://apache.org/).
* Свободно наслаждайтесь и участвуйте в open source.