Пишите небольшие программы с vue и переписывайте weui на основе mpvue framework

внешний интерфейс открытый источник Vue.js mpvue WeUI
Пишите небольшие программы с vue и переписывайте weui на основе mpvue framework

mpvue-weui

предисловие

Meituan открыл исходный код на прошлой неделеmpvueкаркас, на основе которогоVue.jsНебольшой фреймворк для разработки программ, поддерживающий снизуVue.jsСинтаксис и система инструментов сборки. что, апплет можно использоватьvueнаписал? Я просто немного не уверен,5 минутЯ посмотрел на введение, да, это действительно может быть использованоvueРазработка небольших программ. Это действительно ограничивало мое воображение, я понял, что должен научиться писать заново, поэтому я начал готовиться использовать этот фреймворк, чтобы написать небольшой проект и почувствовать его прелесть (фактически наступив на яму).

переписатьWeUI

Как говорится,Тот, кто первым съест крабов, всегда должен наступить на какую-нибудь яму.(Как говорится?).WeUIЭто официальная библиотека пользовательского интерфейса WeChat, она часто используется в небольших программах или мобильных терминалах, поэтому у меня есть несколько идей: использоватьmpvueпереписатьWeUI.

mpvue-weuiчто

Может бытьmpvue-weuiКонтент не такой высокий, как его название, это не UI-библиотека (простите меня за такое хорошее название), на самом деле этоWeUIдемонстрационная библиотека, напримерWeUIто же самое, но на основеmpvueФреймворк был немного переписан.

переписать цель

На самом деле, цель переписывания состоит в том, чтобы увидетьmpvueХорошо ли пользоваться, какие там ямки, а потом писать какДокументацияформе, что позволяет избежатьmpvueРазработчики фреймворка снова ступили на яму.

переписать чувства

Когда переписывание закончено, я обнаружил, что самое большое чувство это:

  • Большой опыт разработки, VSCode (необязательный IDE) пишет код, а инструмент разработки апплета открывает эффект;
  • Отличная поддержка официальных компонентов и API программы Mini Program;
  • Механизм быстрой сборки webpack, горячее обновление во время разработки.
  • ...

На этот раз это в основном переписываниеWeui, может не участвовать во взаимодействии пользовательских компонентов, например, можно использоватьvuexдля государственного управления, или для поддержки в будущемvue-router. В общем, это очень полезно и похвала американской группе.

эффект перезаписи

Наступая на яму документ

mpvue-weui наступает на документацию по яме

совет: документация будет следоватьmpvueПродолжайте совершенствоваться с обновлением нового синтаксиса или новых функций.

Соответствующее заявление

  1. этот проектmpvue-weuiв основном используетсяweui-wxssОсновной целью соответствующих документов является обмен и обучение.Если вы нарушаете соответствующее соглашение об открытом исходном коде, мне очень жаль.
  2. Этот документ переписан мнойWeUIВ будущем, если что-то не так, я надеюсь, вы сможете указать на это и учиться вместе.