Choo_一个有趣、超强的前端框架

Web前端开发网

fly63.com

首页资源工具文章教程栏目

Choo

网站地址:https://choo.io/

GitHub:https://github.com/choojs/choo

描述信息:一个有趣、超强的前端框架

访问官网

GitHub

Choo是一个只有4kb的框架，用于创建健壮的前端应用。choo 的语法比 vue 和 react 灵活，更易学。

直接使用 es6 Template literals 渲染 html，直接使用 node.js module system 架构组件和模块，不需要另外发明一套 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://fly63.com/nav/974