浮生ccc

摘要： 在这之前，启动一个vue项目的时候使用原有的依赖，使用同事的依赖包都出现过错误，在启动的时候报错： 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 使用过cnpm安装，也检查过vue -V，检查过环境变量配置，都没有解决问题，然后自己就下载依赖，就出现以下问题 npm E 阅读全文

摘要： 一、安装axios npm i axios 二、文件结构 涉及到的文件： utils/request.sj api/index.js（可以根据不同页面在api文件下新建不同文件夹，方便管理） vite.config.js 三、request.js 对axios进行简单的二次封装 import axi 阅读全文

摘要： 1.背景 在开发中经常遇到的问题，让元素的内容在水平和垂直方向上都居中，内容不仅限于文字，可能是图片或者其他元素。 实现居中的方法有很多，可以分为两大类： 居中元素（子元素）的宽高已知 居中元素的宽高未知 2.实现方法 实现元素水平垂直居中的方式; 定位+margin：auto 定位+margin： 阅读全文

摘要： 一、数据类型存储 JaveScript存在两大数据类型： 基本类型 引用类型 基本数据类型保存在栈内存中 引用数据类型保存在堆内存中，引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中 二、浅拷贝 浅拷贝指的是创建新的数据，这个数据有着原始数据属性值的一份精确拷贝 如果属性是基本类型，拷贝 阅读全文

摘要： vue中通讯方式 props emit v-model refs provide/inject eventBus Vuex/pinia(vue3) 1. Props方式 父组件以数据绑定的形式声明要传递的数据，子组件通过defineProperty()方法创建props对象，即可拿到父组件传来的数据 阅读全文

摘要： Vue23响应式原理 在Vue2的响应式中，存在着新增属性，删除属性以及直接通过下标修改数组，但页面不会自动更新的问题。但是在Vue3中，这些问题都得以解决。 Vue2中的响应式原理 首先我们先看一下Vue2中的响应式原理，其次我们在过渡到Vue3的响应式原理。 实现Vue2响应式是通过Object 阅读全文

摘要： 什么是Diff算法？Diff算法是Vue.js的一个核心特性，它是一种用于比较虚拟DOM树的差异，并最小化DOM操作的数量。当Vue.js检测到数据更改时，它会生成一个新的虚拟DOM树，并将其与旧虚拟DOM树进行比较。Diff算法会查找差异，并仅对需要更改的部分进行DOM操作。这种算法可以帮助我们在 阅读全文

摘要： 在vue3项目中使用跨域 1.代理 server: { port: 8080, // 设置服务启动端口号 open: true, // 设置服务启动时是否自动打开浏览器 cors: true, // 允许跨域 // 设置代理，根据我们项目实际情况配置 proxy: { '/api': { //api 阅读全文

摘要： 1、第一种方法：provide 与 inject结合使用（亲测有效的比较实用的方法） 1、1 注册 /** App.vue */ <template> <div id="app"> <router-view v-if="isRouterAlice"/> </div> </template> <scr 阅读全文

摘要： 对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式： 除了以上添加属性的方式，还可以使用Object.defineProperty定义新属性或修改原有的属性。 Object.defineProperty() 语法： 参数说明： 返回值： 针对 阅读全文