vuejs
/
vue
cermin dari https://github.com/vuejs/vue.git


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
							<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="utf-8">
        <script src="bind.js"></script>
        <script src="../../../dist/seed.js"></script>
    </head>
    <body>
        <div id="test">
            <div class="dir" sd-hola="dirMsg"></div>
            <div class="filter">{{filterMsg | nodigits}}</div>
            <div class="partial" sd-partial="partial-test"></div>
            <div class="vm" sd-component="vm-test">{{vmMsg}}</div>
        </div>
        <script>
            var T = Seed.extend({
                components: {
                    'vm-test': Seed.extend({
                        scope: {
                            vmMsg: 'component works'
                        }
                    })
                },
                partials: {
                    'partial-test': '{{partialMsg}}'
                },
                directives: {
                    hola: function (value) {
                        this.el.innerHTML = value + ' works'
                    }
                },
                filters: {
                    nodigits: function (value) {
                        return value.replace(/\d/g, '')
                    }
                }
            })
            new T({
                el: '#test',
                scope: {
                    dirMsg: 'directive',
                    filterMsg: 'fi43l132ter5 w12345orks',
                    partialMsg: 'partial works'
                }
            })
        </script>
    </body>
</html>