基础语法

jsx/tsx【这个很重要】

全称： javascript and xml(html), 作用就是将js与html结合再一个文件中。

描述： 对js进行了扩展，让js文件可以直接定义节点类型，而且使用节点给变量赋值！理解为一个新的模板语法（可以向模板中插入值），类比成vue中template

只有一个根节点

<React.Fragment>
    <div className='A'>

     </div>
	<div className='B'>1123</div>
</React.Fragment>

Vue3基础语法

1 setup 函数

• 新的 option, 所有的组合 API 函数都在此使用, 只在初始化时执行一次（在created之前，所有代码往里面写）
• 函数如果返回对象, 对象中的属性或方法, 模板中可以直接使用

在 setup 中你应该避免使用 this，因为它不会找到组件实例。setup 的调用发生在 data property、computed property 或 methods 被解析之前，所以它们无法在 setup 中被获取，这也是为了避免setup()和其他选项式API混淆。