背景项目需求原型图如下可以添加/删除条件和条件组添加的条件组和父组件有相同的功能由此可以判断，这是一个递归组件的调用规划数据结构递归类型的数据结构，那么子和父的数据结构是一样的，那我们不难想到父里边带children数组，所以我们大概是这样的数据结构：let parent: {id: 1,...children: [{id: 1,...children: [

最近学习vue，想着写一写demo练习练习。此demo是省市区的三级联动，像这样的场景我们经常看到。我也是刚开始写没有头绪，然后多方查资料。写此demo时踩过的坑：1、数据：我们希望后台给我们的数据是怎样的，方便我们操作。省市区三级联动，数据是超级相关联的，我们不能单独存数据。所以数据用数组对象，一级一级的拿到数据。2、在用v-model双向绑定select数据时，出现一个问题。我...

最近在从头写一个vue+ts的项目，我们都知道typescript是js的一个超类。js是弱类型语言，在开发中存在一些问题。这可能也是ts这几年发展这么快的原因之一。在项目中老是遇到这个问题：问题原因：1.可能是属性的类型不对2.可能是没有初始化3.可能为undefined或者null(在ts中，这两个是单独的类型，是其他类型的子类型)看了官网，大概有一下几种解决办法：...

Global API全局Vue Api已更改为使用应用程序实例vue2创建全局组件（new Vue()）缺点全局配置使得在测试期间很容易意外地污染其他测试用例全局配置使得在同一页面上的多个“app”之间共享同一个 Vue 副本非常困难，但全局配置不同vue3引入：createApp返回一个应用实例import { createApp } from 'vue'const app = createAp

git commit 回退作为弄清楚三个点工作区（working tree）： 本地编辑器暂存区（index）：git add操作后进入暂存区，可用git status查看本地仓库（repository）：git commit 后进入本地仓库修改commit当我们第一次提交后，发现还有修改没有提交，通常我们想的是在add/commit一次，这样存在的问题呢就是会有一些扰乱我们的commit信息。比

背景我们在做项目的时候，有时会遇到很长的文字，产品想要在一定的宽度完全显示，但是基于我们的认知时浏览器默认的最小字体的12px，就很难想到说去再减小字体显示。其实浏览器设置font-size最小为12px是为了中文而产生了，这还是源于咱们的中国文字文化博大精深，字体比较复杂，更小的字体会看不清楚，所以浏览器针对中文限制了最小字体大小12px。中文语言下英文语言下当我们把浏览器语言设置为其他语言的时

我们在平时做业务的时候，父子组件通信会经常用到ref（我比较喜欢用这个方式，传值方便，省去一堆的watch或者computed）当我们在列表调用子组件的时候，就会用到动态ref。比如：我点击计划任务，每一行的计划任务点开都使用的同一个组件popover，如果如果我们模板使用同一个ref，即：这样调用，可以打开popover，但是很多时候，点击的和打开的不是同一个。这个时候，就需要我们将每一个ref