vue

在 setup() 函数中手动暴露大量的状态和方法非常繁琐。幸运的是，我们可以通过使用构建工具来简化该操作。当使用单文件组件（SFC）时，我们可以使用 <script setup> 来大幅度地简化代码

脚手架本质上就是提供模板的工具，在vue中，我们通过npm install -g @vue/cli命令全局安装脚手架，然后执行vue create hello-world就能创建一个项目了

我们知道，vue3相对于vue2更快、更轻、更贴近原生、更易于维护，为了实现这些效果，vue3在很多方面进行了重构，其中包括新的响应式机制。本篇文章主要讲讲vue2和vue3响应式的区别。

本篇文章聊一聊nextTick，nextTick能获取到更新后的数据，但是在讲nextTick之前，需要先了解一下JS的执行机制

Vue实例有一个完整的生命周期，也就是从开始创建数据、编译模板、挂载DOM、渲染、更新、渲染、卸载等一系列过程，即一个组件从创建到销毁的过程，我们称这是Vue的生命周期

通过webpack-bundle-analyzer组件生成的文件体积报告，观察到项目体积过大，本篇文章通过CDN对项目进行优化，减少了项目体积

之前学习过项目优化相关知识，但是一直没有尝试过。刚好最近做了一个项目，将学习过的性能优化使用到具体项目中，顺便学习web性能检测工具。这里的性能检测工具我使用的是Chrome的Lighthouse

一篇关于前端跨域的问题，本文介绍了jsonp、proxy代理、nginx代理、cors的跨域方法，以及具体实现过程。

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第3天，点击查看活动详情。 一、创建vue项目 在components下Dialog.vue和index.js 二、添加组件结构样式

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 一、什么是动态组件 二、动态组件的具体实现 完整代码： 效果展示： 总结：