Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yoxjs/yox
A lightweight mvvm framework
https://github.com/yoxjs/yox
ie lightweight mvvm reactive ts yox
Last synced: 2 months ago
JSON representation
A lightweight mvvm framework
- Host: GitHub
- URL: https://github.com/yoxjs/yox
- Owner: yoxjs
- License: mit
- Created: 2016-11-09T11:46:20.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-02-22T08:19:13.000Z (almost 2 years ago)
- Last Synced: 2024-04-13T21:57:04.821Z (9 months ago)
- Topics: ie, lightweight, mvvm, reactive, ts, yox
- Language: JavaScript
- Homepage: https://yoxjs.github.io/yox/
- Size: 42.3 MB
- Stars: 1,081
- Watchers: 31
- Forks: 79
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-github-star - yox
README
# 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
```html
```
NPM
```
npm install yox
```
YARN
```
yarn add yox
```
## Example
* [Hello World](http://jsrun.net/YxyKp/edit)
#### If/ElseIf/Else
* [Node](http://jsrun.net/ZxyKp/edit)
* [Attribute](http://jsrun.net/gxyKp/edit)
#### Each
* [Array With Object Type](http://jsrun.net/hxyKp/edit)
* [Array With Primitive Type](http://jsrun.net/eByKp/edit)
* [Object](http://jsrun.net/yxyKp/edit)
* [Range](http://jsrun.net/fxyKp/edit)
#### Filter
* [Global Filter](http://jsrun.net/xRyKp/edit)
* [Component Filter](http://jsrun.net/IxyKp/edit)
* [Global Function Is Disabled](http://jsrun.net/zByKp/edit)
* [Object Method Is Disabled](http://jsrun.net/FByKp/edit)
#### Comment
* [HTML](http://jsrun.net/2xyKp/edit)
* [Mustache](http://jsrun.net/yByKp/edit)
#### Ref
* [HTML Element](http://jsrun.net/sMyKp/edit)
* [Component Instance](http://jsrun.net/FMyKp/edit)
#### Computed
* [Collect Deps Automatic](http://jsrun.net/y4yKp/edit)
* [Set Deps Manually](http://jsrun.net/b4yKp/edit)
#### Keypath
* [Keypath](http://jsrun.net/W4yKp/edit)
#### Event Handle
##### DOM Event
* [Fire Event](http://jsrun.net/vxyKp/edit)
* [Invoke Method With No Params](http://jsrun.net/LxyKp/edit)
* [Invoke Method With Params](http://jsrun.net/ICyKp/edit)
* [Prevent Default Behavior](http://jsrun.net/CSyKp/edit)
* [Stop Propagation](http://jsrun.net/rSyKp/edit)
* [Event Namespace](http://jsrun.net/DRyKp/edit)
##### Custom DOM Event
* [Tap](http://jsrun.net/XCyKp/edit)
* [Hover](http://jsrun.net/cZbKp/edit)
* [CamelCase](http://jsrun.net/7ZbKp/edit)
##### Component Event
* [Bubble Up Event](http://jsrun.net/YByKp/edit)
* [Transform Event](http://jsrun.net/nRyKp/edit)
* [Invoke Method](http://jsrun.net/kByKp/edit)
* [Bubble Up Event With Namespace](http://jsrun.net/tRyKp/edit)
* [Transform Event With Namespace](http://jsrun.net/CRyKp/edit)
* [Invoke Method With Namespace](http://jsrun.net/mRyKp/edit)
* [Event Data](http://jsrun.net/jRyKp/edit)
* [Fire Event Downward](http://jsrun.net/kuyKp/edit)
* [Bind DOM Event On Component Root Element](http://jsrun.net/iByKp/edit)
#### Data Binding
##### Form Element
* [input](http://jsrun.net/qByKp/edit)
* [textarea](http://jsrun.net/ZByKp/edit)
* [radio](http://jsrun.net/gByKp/edit)
* [checkbox](http://jsrun.net/hByKp/edit)
* [select](http://jsrun.net/XByKp/edit)
##### Component
* [Input](http://jsrun.net/NxyKp/edit)
* [Checkbox](http://jsrun.net/LCyKp/edit)
#### Custom Directive
* [Log Report](http://jsrun.net/QByKp/edit)
* [Directive Modifier](http://jsrun.net/8jyKp/edit)
#### Component
* [Button](http://jsrun.net/axyKp/edit)
* [Spread Props](http://jsrun.net/QxyKp/edit)
## Document
[中文文档](https://yoxjs.github.io/yox)
## Sponsors
Become a sponsor and get your logo on our README on Github with a link to your site. [[Become a sponsor](https://opencollective.com/yox#sponsor)]
## Donation
If you think Yox is very helpful to you, please give me some encouragement.
Wechat Pay
Ali Pay
