首先你完成了如下：[Vite+vue3+Ts+pinia实战（一：初始、基础安装、踩坑）](https://www.jianshu.com/p/1f503a350c38)[Vite+vue3+Ts+pinia开发（二：路由、pinia、UI库安装）](https://www.jianshu.com/p/497af1d9db10)今天就讲讲父子通讯、兄弟通讯，以及ref、reactive的简单使用吧。父传子Ref基础的HelloWorle.vue就有就不多说了。#初始目录：![image.png](https://upload-images.jianshu.io/upload_images/28
项目场景：基于vue3版本的uniapp运行h5和微信小程序问题描述uniapp运行h5请求接口成功，运行微信小程序请求接口不成功vite.config.ts配置proxyimport{config}from"./.env"...server:{proxy:{'/dev-api/':{ target:config.BASE_API,changeOrigin:true,rewrite:path=>{returnpath.replace(/^\/dev-api/,'')}},}},....env配置请求接口域名exportconstconfig={BASE_API:fn(),}function
使用Vite构建工具，导致文件请求比较多，每个请求都需要三次握手四次挥手，而https可以多路复用，可以节约大量三次握手四次挥手时间，提升开发效率。要想使用https协议，必不可少的是颁发证书这个步骤。一、证书颁发可以使用OpenSSL来操作一堆命令生成，这里使用更简单的工具mkcert1、离线情况（win7系统）a.若没有shell工具，安装shell如果使用的是win7，系统是没有自带shell工具，需要手动安装WindowsManagementFramework下载地址若不可用，请自行百度下载地址:https://download.microsoft.com/download/6/F/5
Webpack的第一次发布是在2013年发布，长久以来是主流的前端打包工具。Vite的第一次发布是在2021年，是近两年来前端打包工具中的后起之秀，重点解决Webpack在开发阶段的开发痛点。截止2022.8，Webpack的GithubStar数61.6k，Vite的GithubStar数是46.6k。虽然Vite刚刚发布2年，但是热度可见一斑。下面我们来对Webpack和Vite的不同点进行比较，解释Vite之于Webpack性能优势来源于哪里？并且探讨为什么有人会说Vite快，有人却说慢。WebpackWebpack是一个基于打包器的构建工具，同一个入口文件的代码会打包成一个Bundle
Webpack的第一次发布是在2013年发布，长久以来是主流的前端打包工具。Vite的第一次发布是在2021年，是近两年来前端打包工具中的后起之秀，重点解决Webpack在开发阶段的开发痛点。截止2022.8，Webpack的GithubStar数61.6k，Vite的GithubStar数是46.6k。虽然Vite刚刚发布2年，但是热度可见一斑。下面我们来对Webpack和Vite的不同点进行比较，解释Vite之于Webpack性能优势来源于哪里？并且探讨为什么有人会说Vite快，有人却说慢。WebpackWebpack是一个基于打包器的构建工具，同一个入口文件的代码会打包成一个Bundle
关键词：vite2、vue3、element-plus问题产生：当前vue3版本3.1.5，更新了以下三个包后：@vitejs/plugin-vue，1.3.0到1.4.0@vue/compiler-sfc，3.1.5到3.2.2element-plus，1.0.2-beta.69到1.0.2-beta.70运行出现error，如下：UncaughtSyntaxError:Therequestedmodule'/node_modules/.vite/vue.js?v=50ccac76'doesnotprovideanexportnamed'createElementBlock'快速解决：原因是
vite最近非常火，它是vue作者尤大神发布前端构建工具，底层基于Rollup，无论是启动速度还是热加载速度都非常快。vite随vue3正式版一起发布，刚开始的时候与vue绑定在一起，但之后的v2版本便比较独立，vite不仅支持vue，还支持React、Preact、Vanilla等前端库。由于vite出现的时间不是很久，基于vite创建的项目没有vue-cli那么完整，如果要使用vue全家桶、ESLint等，还需要开发人员手动添加和配置，步骤稍多，略繁琐。虽然在创建项目时可以选择Customizewithcreate-vue，但我由于网络问题，一直没有成功过。所以我封装了一个cli用于快速创
vite最近非常火，它是vue作者尤大神发布前端构建工具，底层基于Rollup，无论是启动速度还是热加载速度都非常快。vite随vue3正式版一起发布，刚开始的时候与vue绑定在一起，但之后的v2版本便比较独立，vite不仅支持vue，还支持React、Preact、Vanilla等前端库。由于vite出现的时间不是很久，基于vite创建的项目没有vue-cli那么完整，如果要使用vue全家桶、ESLint等，还需要开发人员手动添加和配置，步骤稍多，略繁琐。虽然在创建项目时可以选择Customizewithcreate-vue，但我由于网络问题，一直没有成功过。所以我封装了一个cli用于快速创
技术点：动态加载路由目录1.main.js 导入编写的js文件import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom"./router";import"./router/permission";constapp=createApp(App)app.use(router)app.mount('#app')2.router/index.js 创建路由import{createRouter,createWebHistory}from"vue-router"conststaticRoutes=[{path:'/login',
JSX介绍JSX（JavaScript和XML），是一个HTML-in-JavaScript的语法扩展，首先在React中被进入。JSX可以很好地描述UI应该呈现出它应有交互的本质形式。JSX是在JavaScript语法上的拓展，因此类似于HTML的代码可以和JS共存。例如：constbutton= ClickMe 该button常量称为JSX表达式。可以使用它在我们的应用程序中渲染标签。浏览器是无法读取直接解析JSX的。JSX表达式经过（Babel或Parcel之类的工具）编译之后是这样的：React.createElement( MyButton, {color:'blue',sha
