摘要： 目录1.模拟数据2.传递数据3.接收并使用数据4.结果展示5.进阶可实现 实现根据数据渲染卡片（卡片数量根据数据动态、卡片框架样式相同，内容不同） 1.模拟数据 export default [ { id: 1, title: "Life Lessons with Katie Zaferes", d 阅读全文

摘要： 目录1.vue2中的mixin是什么2.mixin与vuex的区别？3.vue2中的mixin与vue3中的hooks4.hooks例子 1.vue2中的mixin是什么 将组件的公共逻辑或者配置提取出来，哪个组件需要用到时，直接将提取的这部分混入到组件内部即可。这样既可以减少代码冗余度，也可以让后 阅读全文

摘要： 目录版本一：增加、删除版本二：筛选出未完成的：computed 版本一：增加、删除 <script setup> import { ref } from 'vue' // 给每个 todo 对象一个唯一的 id let id = 0 const newTodo = ref('') const tod 阅读全文

摘要： 目录1.封装2.调用3.效果 1.封装 <template> <transition :name="transitionName"> <div v-show="visible" class="back-to-ceiling" @click="backToTop"> <svg width="16" h 阅读全文

摘要： 目录1.在构建的vue3项目中安装vue-router2.创建路由3.挂载router4.配置路由5.使用路由组件6.测试 1.在构建的vue3项目中安装vue-router npm install vue-router --save 2.创建路由 在src/router/index.ts //通过 阅读全文

摘要： 目录1.在构建的vue3项目中安装element-plus2.导入element-plus3.检验 1.在构建的vue3项目中安装element-plus npm install element-plus --save 2.导入element-plus 在src下的main.ts文件导入 impor 阅读全文

摘要： 目录1.基本概念2.XMLHttpRequest 对象的三个常用的属性3.创建Ajax基本步骤(1)创建XMLHttpRequest对象(2)设置请求方式(3)监听响应状态(4)向服务器端发送请求4.ajax 封装 1.基本概念 AJAX：是一种异步通信的方法，通过直接由 js 脚本向服务器发起 h 阅读全文

摘要： 目录promise的原理手写Promise promise的原理 回调地狱：当想要异步任务按顺序执行时，用回调函数套回调函数实现，这种情况就叫回调地狱。 promise就是用来解决回调地狱问题的 promise在A+规范里面就是一个带.then()方法的对象或函数 promise在ES6里面，是一个 阅读全文

摘要： 目录三栏布局法一：float浮动法二：定位实现法三：flex弹性盒实现法四：table实现法五：圣杯布局实现法六：双飞翼布局 三栏布局 定义：包含左中右三栏，左边列和右边列的宽度都是固定的，中间列的宽度是自适应的 法一：float浮动 right右侧的盒子需要放到中间盒子的前面，否则如果将右侧盒子放 阅读全文

摘要： 目录问题回答axios二次封装 本文对Axios进行了讲解，并实现了对axios的二次封装 问题 请求API使用什么工具？ 回答 Axios,它提供了一个简单而强大的 API 来处理 HTTP 请求。比如使用 axios.get() 方法发起一个 GET 请求，然后，使用 Promise 的 the 阅读全文