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