vue3

MarsCode是基于字节豆包大模型打造的智能编程工具，介绍一下我简单体验后的感想，看看对编程帮助几何

什么是宏？计算机科学里的宏是一种抽象（Abstraction）,它根据一系列预定义的规则替换一定的文本模式。

Vue3.3新特性，defineModel，改变之前笨拙的父子通信代码逻辑，这篇文章就介绍一下defineModel该如何使用

vite+vue实现多入口打包，以及各自加载路由配置，实现子应用可以独立打包部署，本文介绍了整个实现过程

vue3字体适配，思路：我们要求页面一打开就获取屏幕大小，通过计算设置尺寸及字体大小。 我们当页面分辨率修改后（拖动、或者分辨率转换）我们也需要设置其尺寸和大小。

通过全局样式配置，实现系统主题颜色的切换，constant.scss文件配置颜色和变量之间的关系，theme.ts文件定义主题类型接口，封装主题所需主题数据结构

理解vue2中的v-model指令含义和使用，同时对扩充的.sync修饰符简单了解，vue3中是如何改进

Vue3整合pinia及持久化存储，官网：https://pinia.web3doc.top/introduction.html

vue3整合mockjs技术，利用axios调用mock定义的接口，返回虚拟数据，同时实现简单的登录逻辑

Vue3+element plus+表单组件（登录功能），业务代码与js代码分享，实现简单的登录功能

1、安装： npm install sass 2、src下创建style目录，存放scss文件 3、main.ts文件引入，这样在所有的vue文件中，就可以随意使用这些样式了

官网地址：https://element-plus.gitee.io/zh-CN/ 安装：npm install element-plus --save 全局配置（缺点打包体积大），手动引入，按需引入

全局变量app.config.globalProperties有使用弊端，vue3的解决方案是provide和inject，并分析源码

globalProperties - 类型：[key: string]: any - 默认：undefined - 用法 添加一个可以在应用的任何组件实例中访问的全局 property。

vue3整合cookie，包括cookie代码封装，全局变量的注册，模板中的使用方式，默认有效期是1天

Vue3响应式实现原理； Vue3与Vue2响应式实现区别； Vue3响应式函数都有哪些及其特点都什么；

1、在src文件中添加pages文件夹，同时删除app.vue main.js 在pages下添加项目文件夹，里面的目录结构和 原src一致

此文主要描述Vue3+Vite项目的搭建过程，还包括Vue Router、Pinia的安装，以及不同环境下的默认打包命令