avalon2

Version:

an elegant efficient express mvvm framework

28 lines (27 loc) • 692 B

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>新组件系统测试</title>
        <script type="text/javascript" src="../../dist/avalon.js"></script>
    </head>
    <body>
        <div ms-controller='widget1' >
            <xmp ms-widget="{is:'ms-button'}" >{{@aaa}}</xmp>
        </div>
        <h1>你会看到111</h1>
        <script type="text/javascript">
avalon.component('ms-button', {
    template: '<button type="button" ><span><slot /></span></button>',
    defaults: {
        buttonText: "button"
    },
    soleSlot: 'buttonText'
})
var vm = avalon.define({
    $id: 'widget1',
    aaa: 111
})

        </script>
    </body>
</html>