Yox

Just like Vue, but it is more lightweight and easy to use than Vue.

The key feature is that Yox supports IE6.

QQ Group: 232021930

Install

CDN

<script src="https://unpkg.com/yox"></script>

NPM

npm install yox

YARN

yarn add yox

Example

• Hello World

If/ElseIf/Else

• Node
• Attribute

Each

• Array With Object Type
• Array With Primitive Type
• Object
• Range

Filter

• Global Filter
• Component Filter
• Global Function Is Disabled
• Object Method Is Disabled

Comment

• HTML
• Mustache

Ref

• HTML Element
• Component Instance

Computed

• Collect Deps Automatic
• Set Deps Manually

Keypath

• Keypath

Event Handle

DOM Event

• Fire Event
• Invoke Method With No Params
• Invoke Method With Params
• Prevent Default Behavior
• Stop Propagation
• Event Namespace

Custom DOM Event

• Tap
• Hover
• CamelCase

Component Event

• Bubble Up Event
• Transform Event
• Invoke Method
• Bubble Up Event With Namespace
• Transform Event With Namespace
• Invoke Method With Namespace
• Event Data
• Fire Event Downward
• Bind DOM Event On Component Root Element

Data Binding

Form Element

• input
• textarea
• radio
• checkbox
• select

Component

• Input
• Checkbox

Custom Directive

• Log Report
• Directive Modifier

Component

• Button
• Spread Props

Document

中文文档

Sponsors

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

<a href="https://opencollective.com/yox/sponsor/0/website" target="_blank"><img src="https://opencollective.com/yox/sponsor/0/avatar.svg"></a>

Donation

If you think Yox is very helpful to you, please give me some encouragement.

Wechat Pay

<img src="https://user-images.githubusercontent.com/2732303/44254903-ce6d3f80-a236-11e8-86dd-f6b27a7f94df.png" width="200">

Ali Pay

<img src="https://user-images.githubusercontent.com/2732303/44254929-e5139680-a236-11e8-95e2-f5a864246f83.png" width="200">