在vue的日常开发当中，我们可能会遇到这样的一种情况： 某一部分的模版需要重复利用， 但又不至于到新开1个组件的地步。这种情况该怎么办呢？

Vue采用组件化开发模式，将一个页面拆分成多个组件，每个组件都有自己的数据和方法。在实际开发中，经常需要对组件之间进行通信，以实现数据共享或事件传递的功能，本文将会介绍Vue中组件通信的6种方式。

1. 什么是Pinia呢？ Pinia（发音为/piːnjʌ/，如英语中的“peenya” ）是最接近piña（西班牙语中的菠萝）的词； Pinia开始于大概2019年，最初是作为一个实验为Vue重新

pinia的使用方法，以及pinia模块化。Pinia 是 Vue.js 的轻量级状态管理库。vue3最佳的状态管理方案

搭建 vite + vue3 + ts + pinia 项目框架..................

Vue3.0 新增了一个Teleport组件，开发者可以使用它将其所在组件模板的部分内容移动到特定的DOM位置，譬如body或者其他任意位置。 Vue 2.0要实现对应的功能则需要使用portal-v

vite、vue3有多火就不多介绍了，咱们直接上手尝试一下！ 内容篇幅可能偏长，都是手把手的硬干货，敲完会有意外的收货！ 环境准备 Node.js版本 >= 12 建议将Node.js升级到最新的稳定

距离 vue3 正式发布已经过去两年有余, 成为默认版本也过去大半年了，以前还能说是对新技术、新特性的观望，到现在面试都直问 vue3 源码了。 我想，不管什么原因，是时候学习 vue3 了 所以这次

日常工作中，使用vue进行项目开发居多，因此把一些vue项目常见问题进行总结，在此记录，避免以后开发中做过多的重复工作。而掌握一些有用的技巧，使用一些更高级的技术点，也能让我们成为更好的 Vue 开发