引言 随着 Vue3 为广大开发者所接受和自身生态逐渐完善,更多同学往vue3的工程化方向完善,本文恰好给大家介绍下如何更好使用vue3及其周边插件,以及让他们组合到整个工程中去。 另外,Vue3支持 Typescript 语法编程也是其中一大亮点,为了探索新技术的工程化搭建,本文会把Typescript、vite、pinia等官方周边整合到工程里面。 接下来,**为了让大家更好理解本项目工程化的思路,本文会按照以下关键词去逐步研读(看项目代码可跳过前4步)**: vue3的script setup Typescript Vite pinia 工程化搭建 script setup {{ count }}// 普通script编写模式 上述例子可以看出, script-setup 弱化了vue模板式编程体验,也使得代码更简洁,开发者只需要引入正确的hooks后,把逻辑写在script内就足以。 本项目所有组件都采用这种开发模式 ,相比于普通的