mirror of https://github.com/sveltejs/svelte
parent
f95656c561
commit
edb3946ba6
@ -0,0 +1,17 @@
|
|||||||
|
<div>{{foo.x}}</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
onrender () {
|
||||||
|
this.observe( 'foo', foo => {
|
||||||
|
const bar = this.get( 'bar' );
|
||||||
|
if ( foo.x !== bar.x ) throw new Error( 'mismatch' );
|
||||||
|
});
|
||||||
|
|
||||||
|
this.observe( 'bar', bar => {
|
||||||
|
const foo = this.get( 'foo' );
|
||||||
|
if ( foo.x !== bar.x ) throw new Error( 'mismatch' );
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
@ -0,0 +1,24 @@
|
|||||||
|
<Widget foo='{{foo}}' bar='{{bar}}'/>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Widget from './Widget.html';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
foo: { x: 1 },
|
||||||
|
bar: { x: 1 }
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
onrender () {
|
||||||
|
this.observe( 'foo', foo => {
|
||||||
|
this.set({ bar: foo });
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
components: {
|
||||||
|
Widget
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
Loading…
Reference in new issue