Vue2（3）全家桶+TS

大家好，我是云牧，今天说的是关于Vuejs的十五个高级技巧和实践，相信大家阅读完一定能更好的玩转Vue！

大家好，我是云牧，今天带来的是关于 Vue3 开发中实用的技巧，能加深对 Vue3 Composition API 和响应式 API 的理解。

大家好，我是云牧，这里是Vue基础知识的最后一节了，本文主要介绍如何购买云服务器，搭建服务器环境，项目自动化部署和DevOps。

script setup 组合式API的编译时语法糖已经正式定稿，对于整体代码简洁度和编写体验无疑提升了很多。

使用Vue3 CompositionAPI 开发一个Todolis案例，此案例可以帮助初学者更好的掌握Vue3的开发模式。

此文主要介绍项目的代码风格和提交校验，第三方vuex、vue-router、element-plus、axios的封装集成。

1.源码阅读之createApp 2.源码阅读之挂载根组件 3.组件化的初始化 4.Compile过程 5.Block Tree分析 6.生命周期 7.template数据使用顺序。

此文主要介绍Vue的三大核心系统，分别是编译模板系统、渲染模块、响应式模块。最后实现Mini版本的Vue，包含渲染、可响应式以及应用入口等核心模块。

Vue2使用Object.defineProperty()实现数据响应式，而在vue3却使用Proxy加Reflect实现数据响应式，性能更好的同时丧失一定兼容性。

此文主要介绍render和h函数如何渲染vnode，vue中使用jsx，编写自定义指令和插件，vue3新的内置组件和nextTick。

Vue3将在2022年2月7日成为默认版本，而最大的升级莫过于CompositionAPI这种组合式API带给我们函数式编程来抽离组件逻辑的新体验。

此文主要介绍Vue3封装Transition组件如何配置以及与CSS类名、animate.css动画库、gsap库搭配使用，最后介绍列表过渡。

此文主要介绍动态组件以及异步组件如何编写，如何获取组件引用，组件生命周期函数有哪些，组件v-model如何绑定，Mixin如何抽离逻辑等

此文主要介绍非父子组件通信，例如Provider、inject，后续介绍插槽相关内容，例如默认插槽、具名插槽、作用域插槽等。

此文主要介绍组件如何拆分以及scoped属性的作用，然后父子组件如何通信，最后完成一个商品页面切换的案例巩固。

此文主要介绍Vue官方的脚手架Vuecli的安装和使用，我们如何利用这个脚手架快速生成Vue模版，最后展示VueCli的原理。

此文主要介绍Babel如何转换代码，webpack如何支持Vue文件的打包，最后使用Webpack搭建本地服务器，开启HMR，解决跨域等。

此文主要介绍如何打包图片字体等资源利用file-loader和url-loader以及webpack5新增的asset moudule type资源模块类型，最后介绍各种plugin使用。

此文主要介绍Webpack的基础环境配置，后续会接着说Webpack如何打包css，less等文件，并对其兼容。

我们createApp函数传入了一个对象App，这个对象实际本质是我们应用程序的根组件 组件化提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用。