Reagiert Vue nativ?

Sowohl vue als auch React verfügen über Lösungen, die React native unterstützen, während Vue über weex verfügt, Alibabas plattformübergreifende Open-Source-Entwicklungslösung zum Erstellen leistungsstarker, skalierbarer nativer Anwendungen.

Die Betriebsumgebung dieses Artikels: Windows7-System, Vue2.0-Version, Dell G3-Computer.

Nativ bezieht sich auf die Entwicklung von Apps mit nativen APIs, wie z. B. iOS-Entwicklung mit Objective-C oder der Swift-Sprache. Hat Vue also eine native Lösung, die React Native ähnelt? Der folgende Artikel stellt es Ihnen vor.

Verfügt Vue über eine native Lösung, die React Native ähnelt?

Sowohl Vue als auch React verfügen über Lösungen, die Native unterstützen, React über React Native und Vue über Weex.

Einführung in weex

Weex ist Alibabas plattformübergreifende Open-Source-Entwicklungslösung für die Erstellung leistungsstarker, skalierbarer nativer Anwendungen. Fassen wir zunächst die Eigenschaften von Weex zusammen:

1. Die Seitenentwicklung unterstützt derzeit nicht nur Vue und Rax. Sie können auch Ihr bevorzugtes Front-End-Framework in Weex integrieren -end-Framework. Wie es geht, wird beschrieben, aber der Prozess ist immer noch sehr komplex und knifflig und Sie müssen viele Details auf niedriger Ebene über die Kommunikation zwischen js-native und der nativen Rendering-Engine kennen.

2. Einmal schreiben und auf drei Terminals ausführen (Android, iOS, Front-End).

Die Voraussetzung ist, dass die visuelle Leistung nicht genau gleich sein kann angepasst werden. Wenn Sie also eine Weex-Seite schreiben und diese drei Terminals unterstützt, müssen Sie auf allen drei Terminals Selbsttests durchführen.

3. Die Benutzeroberfläche wird über native Komponenten erstellt und die JavaScript-Logik wird über JavaScriptCore ausgeführt.

Komponenten, die in weex verwendet werden, müssen auf der nativen Seite registriert werden weex. Beim Ausführen müssen sie die zu diesem Zeitpunkt aufgezeichnete Karte durchsuchen. Das Weex SDK verfügt über eine integrierte Registrierung einiger grundlegender Komponenten, einschließlich Liste, Text, Eingabe usw. WXJSCoreBridge kapselt JavaScriptCore, um die Kommunikation zwischen Native und JS zu implementieren.

4. Native Erweiterung unterstützen

Sie können native UI-Komponenten in Komponenten und native Logikcodes in Module kapseln. Es kann also in Weex verwendet werden. Zu den Natiev-UI-Komponenten gehören hier Modal, Webview, Bild usw., und der native Logikcode umfasst hier Speicher, Netzwerk usw.

5. Jede Weex-Seite wird in eine JS-Datei gepackt, und Weex SDK rendert die JS-Datei in eine Ansicht.

Weex-Paketierung verwendet Webpack, um jede Seite in eine unabhängige JS-Datei zu packen, und Weex SDK rendert die JS-Datei Analysieren Sie, zeichnen Sie den UI-Teil in eine Ansicht und binden Sie dann die Ereignisse der Ansicht an den JS-Code.

Empfohlen: „

vue-Tutorial

“

Das obige ist der detaillierte Inhalt vonReagiert Vue nativ?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!