Artifact
2bcb8cde9aa635efaebb06051a09b62b5ab8dd789f768fbff30ae8ba16a5230b:
0000: 0a 3c 74 61 67 2d 6e 65 73 74 69 6e 67 3e 0a 0a .<tag-nesting>..
0010: 20 20 3c 69 6e 6e 65 72 31 20 6e 61 6d 65 3d 22 <inner1 name="
0020: 6d 79 5f 6e 61 6d 65 22 20 62 61 72 3d 22 7b 20 my_name" bar="{
0030: 62 61 72 20 7d 22 20 66 6f 6f 3d 7b 20 66 6f 6f bar }" foo={ foo
0040: 20 7d 20 2f 3e 0a 0a 20 20 74 68 69 73 2e 66 6f } />.. this.fo
0050: 6f 20 3d 20 7b 20 76 61 6c 75 65 3a 20 31 30 20 o = { value: 10
0060: 7d 0a 20 20 74 68 69 73 2e 62 61 72 20 3d 20 7b }. this.bar = {
0070: 20 76 61 6c 75 65 3a 20 32 35 20 7d 0a 0a 20 20 value: 25 }..
0080: 74 68 69 73 2e 6f 6e 28 27 6d 6f 75 6e 74 27 2c this.on('mount',
0090: 20 66 75 6e 63 74 69 6f 6e 28 29 20 7b 0a 20 20 function() {.
00a0: 20 20 74 68 69 73 2e 74 61 67 73 2e 69 6e 6e 65 this.tags.inne
00b0: 72 31 2e 65 63 68 6f 28 29 0a 20 20 7d 29 0a 0a r1.echo(). })..
00c0: 20 20 73 65 74 54 69 6d 65 6f 75 74 28 66 75 6e setTimeout(fun
00d0: 63 74 69 6f 6e 28 29 20 7b 0a 20 20 20 20 74 68 ction() {. th
00e0: 69 73 2e 66 6f 6f 2e 76 61 6c 75 65 20 3d 20 33 is.foo.value = 3
00f0: 30 0a 20 20 20 20 74 68 69 73 2e 62 61 72 2e 76 0. this.bar.v
0100: 61 6c 75 65 20 3d 20 34 35 0a 20 20 20 20 74 68 alue = 45. th
0110: 69 73 2e 75 70 64 61 74 65 28 29 0a 0a 20 20 7d is.update().. }
0120: 2e 62 69 6e 64 28 74 68 69 73 29 2c 20 36 30 30 .bind(this), 600
0130: 29 0a 0a 0a 3c 2f 74 61 67 2d 6e 65 73 74 69 6e )...</tag-nestin
0140: 67 3e 0a 0a 3c 69 6e 6e 65 72 31 3e 0a 20 20 3c g>..<inner1>. <
0150: 70 3e 49 6e 6e 65 72 31 20 66 6f 6f 3a 20 7b 20 p>Inner1 foo: {
0160: 6f 70 74 73 2e 66 6f 6f 2e 76 61 6c 75 65 20 7d opts.foo.value }
0170: 3c 2f 70 3e 0a 20 20 3c 70 3e 49 6e 6e 65 72 31 </p>. <p>Inner1
0180: 20 62 61 72 3a 20 7b 20 6f 70 74 73 2e 62 61 72 bar: { opts.bar
0190: 2e 76 61 6c 75 65 20 7d 3c 2f 70 3e 0a 20 20 3c .value }</p>. <
01a0: 70 20 72 65 66 3d 22 74 65 73 74 22 3e 3c 2f 70 p ref="test"></p
01b0: 3e 0a 20 20 3c 69 6e 6e 65 72 32 20 62 61 72 3d >. <inner2 bar=
01c0: 7b 20 6f 70 74 73 2e 62 61 72 20 7d 20 2f 3e 0a { opts.bar } />.
01d0: 0a 20 20 76 61 72 20 62 61 72 20 3d 20 6f 70 74 . var bar = opt
01e0: 73 2e 62 61 72 2e 76 61 6c 75 65 0a 0a 20 20 65 s.bar.value.. e
01f0: 63 68 6f 28 29 20 7b 0a 20 20 20 20 74 68 69 73 cho() {. this
0200: 2e 72 65 66 73 2e 74 65 73 74 2e 69 6e 6e 65 72 .refs.test.inner
0210: 48 54 4d 4c 20 3d 20 27 2b 45 43 48 4f 45 44 2b HTML = '+ECHOED+
0220: 27 0a 20 20 7d 0a 0a 3c 2f 69 6e 6e 65 72 31 3e '. }..</inner1>
0230: 0a 0a 3c 69 6e 6e 65 72 32 3e 0a 20 20 3c 70 3e ..<inner2>. <p>
0240: 49 6e 6e 65 72 32 3a 20 7b 20 6f 70 74 73 2e 62 Inner2: { opts.b
0250: 61 72 2e 76 61 6c 75 65 20 2b 20 35 30 20 7d 3c ar.value + 50 }<
0260: 2f 70 3e 0a 0a 3c 2f 69 6e 6e 65 72 32 3e /p>..</inner2>