vuejs
/
vue
zrcadlo https://github.com/vuejs/vue.git


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
							<!DOCTYPE html>
<html lang="en">
    <head>
        <title>SEED share data</title>
        <meta charset="utf-8">
        <script src="../../../dist/vue.js"></script>
    </head>
    <body>
        <div id="a">{{shared.msg}}</div>
        <div id="b">{{shared.msg}}</div>
        <form id="c">
            <input name="input" v-model="shared.msg" type="text">
        </form>
        <div id="d">
            <pre>{{source}}</pre>
        </div>
        <script>
            var shared = {
                msg: 'hello'
            }
            new Vue({
                el: '#a',
                scope: {
                    shared: shared
                }
            })
            new Vue({
                el: '#b',
                scope: {
                    shared: shared
                }
            })
            new Vue({
                lazy: true,
                el: '#c',
                scope: {
                    shared: shared
                }
            })
            new Vue({
                el: '#d',
                scope: {
                    shared: shared,
                    source: {
                        $get: function () {
                            return JSON.stringify(this.shared)
                        }
                    }
                }
            })
        </script>
    </body>
</html>