通过本文的50个web示例你将学到: Vue3核心基础语法和进阶语法 less核心基础语法和进阶语法 scss核心基础语法和进阶语法 1.Expanding Cards 效果如图所示: 源码 在线示例

数据驱动试图：虚拟DOM、diff算法、响应式、观察者、异步队列，最小代码更新DOM，渲染视图、组件化

其实还有很多地方没有完善的，例如主题切换，想过用css变量来做，但是因为觉得需要替换的地方太多了就阉割了，以及下拉刷新的地方做的也不好，没有做虚拟滚动，图片没有各个默认图等等...

但是当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀！！！ 就是自己把功能实现一遍，这对于我自己的收获也是巨大的。因为你要想实现这个功能的话，你必须要先理解，然后才可以把代码写出来。 …

经过了漫长的迭代，Vue 3.0终于在上2020-09-18发布了，带了翻天覆地的变化，使用了Typescript 进行了大规模的重构，带来了Composition API RFC版本，带你入门

是从 Vue 2 开始学基础还是直接学 Vue 3 ？尤雨溪给出的答案是：“直接学 Vue 3 就行了，基础概念是一模一样的。“尤雨溪喊你学Vue3了！

最近重学Vue3，整理了10张脑图！一来可以快速入门，二来方便以后查看！建议收藏！！！！！！！！！！

插曲最近准备给我们前端组起个名字，欢迎大家投票提建议，现在有两个提案前端独立团，我真他娘的是个人才但是域名还没想好录视频战队，lsp.team配套代码github最近我们组的大帅*同学写了个很好地co

由于我先学了Vue3，并开发了一个开源的小项目，领导让我整理一下给公司其他没有入门的同事讲一下，混个脸熟。本文适合Vue初学者，或者Vue2迁移者，一看就学会，直接上手开发。