Bue

自己写的MVVM框架, Demo

注意：此项目仅供学习使用，不适用于生产环境！

Todos

• 事件绑定
• 双向绑定
• 计算属性
• 观察数组变化
• Proxy代替defineProperty（v1）
• 虚拟DOM
• nextTick

安装

• 使用 npm

npm i buejs

import Bue from 'buejs'

• 在浏览器中

<script scr="//unpkg.com/buejs"></script>
<!-- or -->
<script scr="//cdn.jsdelivr.net/npm/buejs"></script>

使用

<div id="app">
    <h1>{{ name }}</h1>
    <h2>{{ msg }}</h2>
    <input b-model="name" />
    <button @click="reset">reset</button>
</div>

new Bue({
    el: '#app',
    data() {
        return {
            name: INIT_NAME,
        };
    },
    computed: {
        msg() {
            return this.name
                .split('')
                .reverse()
                .join('');
        },
    },
    methods: {
        reset() {
            this.name = INIT_NAME;
        },
    },
})

特别感谢

• DMQ
• liyanlong