摘要： 声明响应式状态 要为 JavaScript 对象创建响应式状态，可以使用 reactive 方法，这个方法可以实现对象的响应式 import { reactive } from 'vue' // 响应式状态 const state = reactive({ count: 0 }) 当将 ref 分配 阅读全文

摘要： 多文件上传 利用 <input mutiple="mutiple" type="file"/> input.files 获取要上传的图片 上传文件用到 formData(延申知识点) FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式，并且可以轻松的将数据通过XML 阅读全文

摘要： 作为小白的我，最近有做到写页面要同时兼容pc和mb两端，所以要进行判断，并动态加上样式 // 判断设备 if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMo 阅读全文

摘要： 通常，当我们需要从父组件向子组件传递数据时，我们使用 props。想象一下这样的结构：有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很麻烦。 const app = Vue.createApp({}) app.compo 阅读全文

摘要： 插槽不仅可以插入文本还能是 html 或其他组件 渲染作用域 当你想在一个插槽中使用数据时，例如： <todo-button> Delete a {{ item.name }} </todo-button> 该插槽可以访问与模板其余部分相同的实例 property (即相同的“作用域”)。 上面的意 阅读全文

摘要： 其实下面就是 值 和 事件 是父传子值，和子事件调用父的事件 改成 v-model 的写法 <ChildComponent v-model:title="pageTitle" v-model:content="pageContent" /> <!-- 是以下的简写： --> <ChildCompon 阅读全文

摘要： 在此之前，只知道 arr.sort((a,b) => a - b) 升序 arr.sort((a,b) => b - a) 降序 也不懂所以然， 今天写着写着就有了新发现和心得，先看下面代码 原来 a, b 分别为 后一项和前一项， 然后发现如果 返回值 为正数 则为升序，反之降序 这里就知道这个简 阅读全文

摘要： 方法一 // 生成 1 ~ 10 随机数 Math.floor(Math.random() * 10 + 1); // 数组乱序 var arr = [1,2,3,4,5,6,7,8,9]; var newArr = []; for(var i = 0; i<arr.length; i++) { v 阅读全文

摘要： inserBefore 父 node.inserBefore('newNode','被插入之前的node'); inserBefore 是改变原 dom 节点的。 有个需求是在某个 dom（同级）之前插入新的 dom 节点， 然后 inserBefore 就排上用场了。 基本的用法就这样了 list 阅读全文

摘要： 上节代码 //极简的实现+链式调用+延迟机制+状态 class Promise { callbacks = []; state = 'pending';//增加状态 value = null;//保存结果 constructor(fn) { fn(this._resolve.bind(this)); 阅读全文