vue.py

vue.py

純粋な Python で Vue.js を使用する

vue.py は、Vue.js の Python バインディングを提供します。 brython を使用してブラウザで Python を実行します。

これは vue.py コンポーネントの簡単な例です。

 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" )

インストール

$ pip install vuepy

開発状況

目標は、完全な機能を備えた Vue アプリケーションを純粋な Python で作成するソリューションを提供することです。

現在サポートされているものの概要を確認するには、ドキュメントを参照してください。

企画内容はこちらをご覧ください！

「制限事項」も参照してください

ドキュメント

最新リリースのドキュメントはここから入手できます。

現在の master ブランチのドキュメントはここにあります。

例はここにあります。これらは、Vue.js サンプルの vue.py バージョンです。

パフォーマンス

vue.pyアプリの初期読み込み時間は非常に長くなることがあります。特に大量の Python ファイルをロードする場合。これを解決する方法はまだ考え中です。

パフォーマンス テストは行っていませんが、アプリが完全にロードされた直後はパフォーマンスの問題に気づきませんでした。

発達

はじめる

gitpod.ioで開く

コードを取得する

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

オプションで venv を作成できます

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

必要な Python パッケージ、Selenium および Brython 用の chromedriver をインストールします。

$ make env.up

コードをフォーマットする

$ make format

テストの実行

$ 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

例を実行する

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

開発環境をリセットします(クリーンアップ、パッケージの再インストール、必要なファイルの再ダウンロード)

$ make env.down
$ make env.up

新しいリリースを発行する

$ release release-candidate

貢献する

「貢献」を参照

ライセンス

このプロジェクトは MIT ライセンスに基づいてライセンスされています - 詳細については LICENSE ファイルを参照してください