渲染函数 和 jsx
- 渲染函数 render函数 — 》 createElment
- jsx( javascript + xml )
- xml 就是一种标签化的数据格式
- jsx语法浏览器无法解析, 必须靠babel来解析
- jsx语法出现的原因是为了解决,render函数频繁使用createElement来创建节点
<body>
<div id="app"></div>
</body>
<script type="text/babel">
new Vue({
el: '#app',
data: {
msg: 'hello jsx'
},
render(){
return (
<div>
{{ this.msg }}
</div>
)
}
})
</script>