ctwowt/yox

A lightweight mvvm framework

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

Partial

• Global Partial
• Component Partial
• Local Partial

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]

Donation

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

Wechat Pay

Ali Pay