Merge pull request #2944 from sveltejs/component-binding-example

Fix component binding example
pull/2955/head
Jacob Wright 6 years ago committed by GitHub
commit 04162b9e68
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -593,12 +593,12 @@ You can bind to component props using the same mechanism.
Components also support `bind:this`, allowing you to interact with component instances programmatically. Components also support `bind:this`, allowing you to interact with component instances programmatically.
> Note that we can do `{cart.empty}` rather than `{() => cart.empty()}`, since component methods are closures. You don't need to worry about the value of `this` when calling them. > Note that we can't do `{cart.empty}` since `cart` is `undefined` when the button is first rendered and throws an error.
```html ```html
<ShoppingCart bind:this={cart}/> <ShoppingCart bind:this={cart}/>
<button on:click={cart.empty}> <button on:click={() => cart.empty()}>
Empty shopping cart Empty shopping cart
</button> </button>
``` ```

Loading…
Cancel
Save