Choo 介绍
Choo是 一个 只有4kb的框架,用于创建健壮的前端应用。choo 的语法比 vue 和 react 灵活,更易学。
直接使用 es6 Template li tera ls 渲染 html,直接使用 node.js module sy stem 架构组件和模块,不需要另外发明一套 vue component 和 jsX。总之非常可爱。
dom:
var html = require('choo/html')
var devtools = require('choo-devtools')
var choo = require('choo')
var app = choo()
app.use(devtools())
app.use(countStore)
app.route('/',mainView)
app.mount('body')
function mainView (state,emit) {
return html`
<body>
<h1>count is ${state.count}</h1>
<button onclick=${onclick}>Increment</button>
</body>
`
function onclick () {
emit('increment',1)
}
}
function countStore (state,emitter) {
state.count = 0
emitter.on('increment',function (count) {
state.count += count
emitter.emit('render')
})
}
网站地址 : https://choo.io/
GitHub: https://github.com/choojs/choo
网站描述: 一个 有趣、超强的前端框架
Choo官方网站
官方网站: https://choo.io/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。