pyvuejs 2.0.0

Pythonic Vue.js

RE:Newal!

• changed project style more silimar to vuejs 2.x template
• use vue file by vbuild
  
  

Install

using pip

pip install pyvuejs

Usage

start server by main.py file in project directory

python ./main.py

view/component editing guide

same as vue.js, can support by linting

• for now, template, style, script blocks are supported
• more information from vbuild

<!-- template block -->
<template>
    <div>
        <label>{{ count }}</label>
        <div>
            <button style="margin-right:10px;" v-on:click="up_count">up</button>
            <button v-on:click="down_count">down</button>
        </div>
    </div>
</template>
<!-- style block -->
<style scoped>
button {
    width: 80px;
}
</style>
<!-- script block -->
<script lang="python">
class Component:
    def __init__(self):
        self.count = 0

    def up_count(self):
        self.count += 1

    def down_count(self):
        if self.count > 0:
            self.count -= 1
</script>

use view/component

just call name in other view

<template>
    <div id="app">
        <div id="nav">
            <label v-on:click="show_home">Home</label> |
            <label v-on:click="show_about">About</label> | 
            <label v-on:click="show_counter">Counter</label>
        </div>
        <Home v-if="page == 'Home'" />
        <About v-else-if="page == 'About'" />
        <Counter v-else-if="page == 'Counter'" />
        <div v-else></div>
    </div>
</template>

Todo

• routes

License

pyvuejs is MIT license

Release History

2.0.0

• renewal version1