yinmochunCoder

常见的PC端首页，包括合理的布局、清晰明了的导航、快捷的面包屑指引；这些再熟悉不过的功能，实际在开发中需要注意很多细节。今天这篇文章，想从vue3与ts的实现细节上，来谈一谈如何实现系统首页。

一套完整的vue3框架，可并没有想象中容易，从快速搭建，到第三方库引入，到代码规范的设定，每个过程都有很多细节需要学习。来看一下，完成这套vue3框架需要做些什么吧？

今天这篇文章，侧重用最简便的方式描述vue的响应式原理，所有源码的分析与手写实践上都只提供了主要流程，力图用最简便的方式让大家能看懂。

本文利用Vue+qiankun框架，重构老项目，在本地进行了验证。通过实践，可以看出qiankun处理了iframe中加载缓慢、数据无法共享等问题，在大型应用中，具有很好的使用前景。

通过学习Vue选项数据对象的初始化过程，我们可以了解到对象的传参形式、生命周期的挂载方法、资源选项的作用等。这对于后续Vue深入很重要。