vue.py

vue.py

Verwenden Sie Vue.js mit reinem Python

vue.py stellt Python-Bindungen für Vue.js bereit. Es verwendet brython, um Python im Browser auszuführen.

Hier ist ein einfaches Beispiel einer vue.py-Komponente

 from browser import alert
from vue import VueComponent

class HelloVuePy ( VueComponent ):
    greeting = "Hello vue.py"

    def greet ( self , event ):
        alert ( self . greeting )

    template = """
    <button @click="greet">click me</button>
    """

HelloVuePy ( "#app" )

Installation

$ pip install vuepy

Entwicklungsstand

Ziel ist es, eine Lösung zum Schreiben voll funktionsfähiger Vue-Anwendungen in reinem Python bereitzustellen.

Um einen Überblick darüber zu erhalten, was derzeit unterstützt wird, schauen Sie sich die Dokumentation an.

Schauen Sie hier, um zu sehen, was geplant ist!

Siehe auch die Einschränkungen

Dokumentation

Die Dokumentation zur letzten Version finden Sie hier.

Die Dokumentation zum aktuellen Master-Zweig finden Sie hier.

Beispiele finden Sie hier. Dies sind vue.py-Versionen der Vue.js-Beispiele

Leistung

Die anfänglichen Ladezeiten von vue.py -Apps können sehr lang sein. Besonders beim Laden vieler Python-Dateien. Ich überlege immer noch, wie ich das lösen kann.

Ich habe keine Leistungstests durchgeführt, habe aber keine Leistungsprobleme festgestellt, sobald die App vollständig geladen wurde.

Entwicklung

Erste Schritte

In gitpod.io öffnen

Holen Sie sich den Code

$ git clone https://github.com/stefanhoelzl/vue.py.git
$ cd vue.py

Optional können Sie ein Venv erstellen

$ python -m venv venv
$ source venv/bin/activate

Installieren Sie die erforderlichen Python-Pakete, den Chrome-Treiber für Selenium und Brython

$ make env.up

Formatieren Sie den Code

$ make format

Führen Sie Tests durch

$ make tests           # runs all tets
$ make tests.unit      # runs unit tests
$ make tests.selenium  # runs selenium tests
$ make tests.cli       # runs cli tests
$ make tests TEST=cli/test_provider.py::TestRenderIndex::test_defaults # run explicit test

Führen Sie ein Beispiel aus

$ make run APP=examples/tree_view  # makes example available on port 5000

Setzen Sie Ihre Entwicklungsumgebung zurück (bereinigen Sie, installieren Sie Pakete neu und laden Sie benötigte Dateien erneut herunter).

$ make env.down
$ make env.up

Veröffentlichen Sie eine neue Version

$ release release-candidate

Mitwirken

siehe BEITRAG

Lizenz

Dieses Projekt ist unter der MIT-Lizenz lizenziert – Einzelheiten finden Sie in der LIZENZ-Datei