Skip to content

Commit b119a2a

Browse files
committed
Merge branch 'master' into feat-style-object
2 parents 1926291 + df1bec9 commit b119a2a

File tree

2 files changed

+8
-3
lines changed

2 files changed

+8
-3
lines changed

README.md

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -133,9 +133,9 @@ You can extract data (and behavior) into reusable functions:
133133

134134
```html
135135
<div x-data="dropdown()">
136-
<button x-on:click="open()">Open</button>
136+
<button x-on:click="open">Open</button>
137137

138-
<div x-show="isOpen()" x-on:click.away="close()">
138+
<div x-show="isOpen()" x-on:click.away="close">
139139
// Dropdown
140140
</div>
141141
</div>
@@ -358,6 +358,8 @@ Adding the `.once` modifier to an event listener will ensure that the listener w
358358

359359
This is a helpful alternative to setting ids and using `document.querySelector` all over the place.
360360

361+
> Note: you can also bind dynamic values for x-ref: `<span :x-ref="item.id"></span>` if you need to.
362+
361363
---
362364

363365
### `x-if`
@@ -518,6 +520,9 @@ You can also use `$dispatch()` to trigger data updates for `x-model` bindings. F
518520

519521
`$nextTick` is a magic property that allows you to only execute a given expression AFTER Alpine has made its reactive DOM updates. This is useful for times you want to interact with the DOM state AFTER it's reflected any data updates you've made.
520522

523+
## v3 Roadmap
524+
* Move from `x-ref` to `ref` for Vue parity
525+
521526
## License
522527

523528
Copyright © 2019-2020 Caleb Porzio and contributors

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"main": "dist/alpine.js",
33
"name": "alpinejs",
4-
"version": "2.1.0",
4+
"version": "2.1.2",
55
"repository": {
66
"type": "git",
77
"url": "git://github.com/alpinejs/alpine.git"

0 commit comments

Comments
 (0)