Vue3

一、创建Vue3项目 创建一个 Vue3 应用程序，使用如下命令： 项目被创建后，通过以下步骤安装依赖并启动开发服务器： 在项目中配置快速生成Vue3模板的命令 3.1.在项目根目录的.vscode文

安装Router 因为Vue是单页面应用，不会有那么多的html跳转。所以要使用路由来做页面跳转。 Vue路由允许我们通过不同的URL访问不同的内容。通过Vue可以实现多视图的单页面web应用。 然后

Proxy跨域 跨域现象只出现在浏览器，服务端和服务端之间是不存在跨域的。 什么是跨域 主要是出于浏览器的同源策略限制，它是浏览器最核心也是最基本的安全功能。 当请求url的协议、域名、端口号三者任意

性能优化 我们可以直接按F12使用浏览器自带的Lighthouse对我们的网站进行性能分析。 Performance：表现分（网站的总体分数） accessibility：易用性 Best Pract

环境变量 环境变量：它的作用就是让开发者区分不同的运行环境，来实现兼容开发和生产。 例如npm run dev默认就是开发环境（development），npm run build默认就是生产环境（p

函数式组件 h函数 <template>模板是需要进行编译的，通过parser函数转成ast抽象语法树然后再通过transform转成一个js API再通过generate生成一个render函数。

nextTick Vue更新DOM是异步的，数据更新是同步的。 nextTick下一帧去读取DOM更新之后的信息。 nextTick的用法 传一个回调函数 语法： 配合async/await使用 语法

Event Loop js是单线程的，如果js变成了多线程的话会引发一个问题，在同一时间内操作DOM，一个删除一个增加。这样js就乱了不知道该干嘛了！所以js是单线程的。 随着HTML5的到来，js也

Vue3集成tailwind CSS Tailwind Css是一个由js编写的css框架，他是基于postcss去解析的。 对于tailWindcss插件的使用，需要做如下步骤： PostCss配置

Vue3的CSS新特性 插槽选择器（:slotted(选择器)） 应用场景：假如我们定义了一个组件，在这个组件里面定义了一个默认插槽，然后在这个组件内去修改填充到插槽位置的内容的样式。 我们以为像下面