vue render jsx 事件绑定 条件渲染 slots 插槽

前文

• vue中使用 render写一些展示组件

• 通过实现一个简单的单元 cell 组件, 来了解render jsx 在vue的使用

• 将 h 作为 createElement 的别名是 Vue 生态系统中的一个通用惯例，实际上也是 JSX 所要求的。从 Vue 的 Babel 插件的 3.4.0 版本开始，我们会在以 ES2015 语法声明的含有 JSX 的任何方法和 getter 中 (不是函数或箭头函数中) 自动注入 const h = this.$createElement，这样你就可以去掉 (h) 参数了。对于更早版本的插件，如果 h 在当前作用域中不可用，应用会抛错。

 render(){
	return (
		<div><div>
	)
}

jsx 中 使用 if else 条件判断

• { } 中判断一个条件是否为真

<div class={'e-cell--right'} on-click={change.bind(this)}>
					{
						check
							? <span class={'e-cell-icon'}></span>
							: ''
					}
				</div>

ps ： check 为真时的效果