随着Vue更新到3.x版本，出现了一个新的代码组织方式-组合式API。以前Vue2.x到代码书写风格是选项式 API。 具体可以去vue官网查看 但是在实际代码编写过程中，组合式API一大坨代码都放在一起。不利于后期代码维护，本人小菜鸟一枚就思考是否有什么设计模式或者什么解决的方法。一开始采用的就是普通的分函数这种，但是后面觉得维护起来也很麻烦，问了大佬之后总结出一部分经验。

今天遇到一个问题，我写了下面一个样式，发现子的margin-top没有作用，但是父亲的却出现了子的margin-top值。

今天在写flex自适应布局的时候，出现了一个问题：flex布局子元素高度设置无效。 我的页面布局是这样的

父元素.parent设定了高度，设置iframe height：100%,通过浏览器观察发现，外层div与iframe高度相同，为什么出现滚动条，发现没有padding/margin的影响。

更麻烦的是有些图标悬浮上去是要改变颜色的。这里我找到了一种让svg方便引入的方法，而且能像字体文件一样，简单的改变颜色和大小。

本文采用的工具是qv2ray,使用的代理节点类型是v2ray。文章涉及的工具qv2ray分为2部分，一个是外壳工具`qv2ray`，另一个是内核`xray`。这里提到的是电脑端使用的工具。对于移动端，IOS需要下载`小火箭(Shadowrocket)`，Android需要下载`V2RayNG`。移动端是不需要安装

本文记录一下Vue3的一个基本的开发框架的搭建。主要在公司开发业务，主体框架不用每次都搭建。时间长了就容易忘记了，当初的框架如何搭建的。文章记录的框架搭建的主要实现功能如题，然后研究一些快捷的操作。例如，ts定义的空间自动导入等等。

在日常工作和学习中，会遇到多人开发项目。项目的合并往往是一个大问题。在多人开发中采用 Git 管理代码，如果没有一个良好的 Git 工作流程，项目维护起来将变得极其困难。恰巧之前看到一位大佬的视频，介绍了一套 Git 上多人开发的工作流程。结合自己的实际工作环境，我做了一些总结。

git的服务器在国外，导致正常拉github项目会很慢，还有可能会超时。所以需要一个科学上网软件，设置代理端口。

一直以来家里的旧电脑闲置着，偶尔也会搞一下Linux系统。但是由于知识匮乏每次重新安装Linux系统很麻烦，就思考为啥不能像服务器运营商一样，每次重新安装系统就重置一下就好了。找了很久发现了Proxmox这个基于debian制作的虚拟机系统。如何安装查看我以往的文章，或许可以给你提供一些帮助。 笔记本安装proxmox 长久以来玩这个系统，看见很多人弄All in one和单臂路由。但是由于人在外面工作，服务器在老家，所以先折腾如何安装openwrt系统，至于网络的问题等回家再做研究。

随着移动端设备的普及，作为前端开发，难免会遇到图片双指放大的需求。触控设备可以直接使用手指进行交互，而且基本上都支持多点触控。所以，查阅了网上大佬的案例，编写一个vue指令，来完成双指放大图片的需求。

本篇记录vue3和vue2在实现相同的逻辑上的一些语法差异，持续更新。