hg-sid/demo/todolist/components/TodoTask.js

a front-end simple framework with mvc

import sid from '@'

// <div className="todo-item">
let TodoTask = sid.extend({
  render (h) {
    return (
      <div key={this.task.id} className="todo-item">
        <div className="col-1 row">
          <input
            type="checkbox"
            value={this.task.complete}
            onchange={() => (this.task.complete = !this.task.complete)}
          />
        </div>
        <div className={this.task.complete ? 'col-2 on' : 'col-2'}>
          {this.task.taskName}
        </div>
        <div className="col-3">
          <span className="btn" onclick={this.remove.bind(this, this.task.id)}>
            删除
          </span>
        </div>
      </div>
    )
  },
  props: {
    task: {
      type: Object,
      default: {}
    }
  },
  methods: {
    remove (id) {
      console.log(id)
      this.$emit('removeById', id)
    }
  }
})

export default TodoTask