VUE3 入门 Vue3 入门
先查看官方文档：
如果你有vue2基础，速成班：（建议阅读官方文档）
VUE3深入浅出
首先，看源码是一个很好的学习方法，时间有限，可以看简化版：
从vue2到vue3之路
vue2升级vue3项目经验：
TypeScript 入门指南：
对于没有CS基础（如JAVA、C#）的朋友，建议先阅读官方指南：
（中国人
其他的入门教程也类似，比如：
对于已经入手的朋友来说，TS的几个要点需要注意：
书籍推荐：
多伦多证券交易所入门指南
.jsx 是一个 javascript 文件ecmascript中文手册，表示使用 JSX 语法。
.tsx 表示它是一个 typescript 文件并使用 JSX 语法。
JSX 可以更好地描述 UI 应呈现其应有的交互的基本方式。 JSX 看起来有点像模板语言，但它具有 JavaScript 的全部功能。
React中使用JSX给我们带来了很大的便利，而TSX弥补了JSX缺乏类型系统和类型校准的不足，大大增加了我们代码出错的机会。
如何学习 JSX
首先看官方文档：
VUE3+TSX
Vue 还是支持 JSX 句型的，而且 3.0 对 TypeScript 的支持也很好，所以我开始尝试使用 Vue + TSX 进行开发。
与2.x相比，Vue 3.0有一些变化ecmascript中文手册，原来的vue-jsx插件不能再使用。
Vue 3.0还提供了与React.createElement h对应的方法。 但是这个h方法与vue 2.0和React有点不同。
比如这样一段代码：
在vue2.0中会转换成这样：
h('div', {
class: ['foo', 'bar'],
style: { margin: '10px' }
attrs: { id: 'foo' },
on: { click: foo }
})可以看到vue会将传入的属性分为class、style、attrs等不同的部分。 这是非常复杂且难以处理的。
在vue 3.0中，越来越类似于react，会变成这样：
h('div', {
class: ['foo', 'bar'],
style: { margin: '10px' }
id: 'foo',
onClick: foo
})基本上传入的就是它本来的样子，没有额外的处理。
当然，与React.createElement相比也有一些区别，例如：
案例代码：
JavaScript基础强化：
发表评论