前言

掘金的小伙伴们，大家好~

今年已经是2022年啦！！！在2021年12月23号，我正式加入了掘金社区，也是在参加了 #新年flag 沸点的时候，决定写一个关于Vue的专栏，也可以和各位小伙伴们一起学习一起成长！！

作为一个理工科的糙汉子，也不会搞太多花里胡哨的文章，只能写一篇又一篇的小作文吧！！

【Vue3从零开始】 是一个系列专栏，会从Vue2.X - Vue3.X - Vue3.X实战这样一个过程去完整的带着小伙伴们学习！！！

大家有任何不明白或者不懂的地方，都可以在下面评论区留言，一起学习的小伙伴都可以帮助解答哦~

介绍一下Vue3

1. 更多的API特性

2. 体积更小，速度更快

3. 解决遗留问题

4. 更加强壮了

面向受众

这个系列主要是带着小伙伴们一起学习Vue3，从零开始对Vue整体框架有一个全面的认知。如果你对Vue完全陌生，也没有关系，这个系列会教你如何使用Vue完成项目的开发。如果你之前已经用过Vue或者已经对Vue有了一定的了解，这个系列会带你理解Vue每一个语法的特性，让你知道每一个语法为什么要这样用？语法设计背后的思考是什么？语法实现的原理是什么？

虽然这个系列是从零开始的，但是里面的知识点还是非常多的。同时也具备一定的难度和深度。

从零开始学习的过程中，也包含了我对代码的理解，也希望小伙伴们可以通过这个系列中的代码教大家写出具有一定设计感的代码。

知识储备

Html、Css、JavaScript三件套肯定是必备的，node、npm、webpack在做项目、做工程化的时候会使用到，不必精通，但是至少需要了解一点，否则在做项目的时候你会觉得有一定的难度。

知识体系

Vue基础

1. 体验Vue

2. 生命周期函数

3. 条件循环渲染指令

4. 页面样式修饰语法

5. 事件绑定语法解析

Vue组件

1. 组件的定义

2. 全局组件和局部组件

3. 组件之间的通信

4. 插槽的使用

5. 动态组件和异步组件

Vue动画

1. 单组件元素动画

2. 列表动画

3. 状态动画

4. Css动画和JS动画

Vue高级扩展

1. Mixin混入

2. 自定义指令

3. Teleport

4. render函数

5. 插件的使用

CompositionAPI

1. 介绍

2. setup函数

3. 响应式引用

4. 计算属性和监听器

5. 案例开发

全家桶

1. VueCli

2. 大型工程项目结构

3. 单文件组件

4. vue-router

5. vuex

看完之后

• 能够理解并在项目中合理运用vue3语法特性

• 对vue底层原理有一定理解

• 能够形成不错的代码设计能力，有自己的风格，但是又不能让后来者看不懂

• 掌握移动端的开发经验