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

개발현황

목표는 순수 Python으로 모든 기능을 갖춘 Vue 애플리케이션을 작성하는 솔루션을 제공하는 것입니다.

현재 지원되는 개요를 보려면 설명서를 살펴보세요.

여기에서 어떤 계획이 있는지 살펴보세요!

제한사항도 참조하세요.

선적 서류 비치

마지막 릴리스에 대한 문서는 여기에서 확인할 수 있습니다.

현재 마스터 브랜치에 대한 문서는 여기에서 찾을 수 있습니다.

예제는 여기에서 찾을 수 있습니다. 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 파일을 참조하세요.