vuejs
/
vue
зеркало из https://github.com/vuejs/vue.git


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546
							<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="utf-8">
        <script src="../../../dist/vue.js"></script>
    </head>
    <body>
        <div class="item" v-repeat="items" v-component="item" v-component-id="items" v-on="click:click">
            {{msg + ' ' + title}}
        </div>
        <script>
            Vue.config({ debug: true })
            
            Vue.component('item', {
                ready: function () {
                    this.title += ' init'
                },
                methods: {
                    click: function () {
                        this.title += ' click'
                    }
                },
                data: {
                    msg: 'msg'
                },
                computed: {
                    reversed: function () {
                        return this.title.split('').reverse().join('')
                    }
                }
            })

            var app = new Vue({
                el: 'body',
                data: {
                    items: [
                        {title:'a'},
                        {title:'b'},
                        {title:'c'}
                    ]
                }
            })
        </script>
    </body>
</html>