Project X 以较低的成本实现诸如Vue或React之类的大型框架的反应式和声明式特性

Fixed

• Classed specified on an element's class= attribute AND an x-transition directive, were being permanently removed after the transition finished. (#108)

Added

• System modifier key-combos:
  <input type="text" x-data @keydown.cmd.k="doSomething">
  (only fires when both cmd AND k are pressed)

Fixed:

• Allow colons in event names: x-on:custom:event="..." (#65)
• Support for "space" keydown modifier: x-on:keydown.space="..." (#69)
• Class attribute bindings (for string and array syntax) weren't merging. Now, Alpine matches the behavior of VueJS (#75)
• Some reactivity issues have been fixed by a pretty major refactor of the core dependancy tracking mechanism (#74)

Added

• The ability to return a callback from x-init and it will run AFTER Alpine makes it's initial DOM updates (similar to the mounted() hook in VueJS, or the current, but now deprecated, x-mounted hook)

<div x-data="initialData()" x-init="init()">
    <span x-text="foo" x-ref="span">bar</span>
</div>
<script>
function initialData() {
    return {
        foo: 'baz',
        init() {
            this.$refs.span.innerText // 'bar'

            return () => {
                this.$refs.span.innerText // 'baz'
            }
        }
    }
}
</script>

Deprecated

• x-created and x-mounted are now deprecated and will be removed in 2.0

Changed "Laravel Mix" to "Microbundle" for bunding.

Added

Fixed

• Support adding/removing multiple classes from "x-bind:class" [#28 ]
• Made manual DOM changes to x-data reactive using MutationObserver
• Attempted to prevent double initialization when importing from webpack

Added

• wire:on:keydown.enter Added "keydown" modifiers
• Added x-if (to be used on <template> tags)

Added

• Renamed "Project-X" to "Alpine.js"

Fixed

• Nested components were being "skipped", but elements after them were also being skipped unintentionally. The DOM walker was adjusted to make this work. #21

Added

• .window event modifer for listening for events on the global window object.

Added

• x-show directive

Added:

• x-ref attribute for referencing DOM elements using $refs in event handlers.

Fixed:

• Supports nested components (each component has an isolated scope)