vu3中的父子组件通讯
一、传统的props 通过在父组件中给子组件传值，然后在子组件中通过props接受数据 1 //父组件 2 <ValidateInput 3 type="text" 4 v-model="emailVal" 5 :rules='emailRules' 6 placeholder='请输入邮箱地址' ...
遍历器
一, 遍历器的定义 取出数据容器中的每一个元素的工具 二, 遍历器的分类 1.for 遍历数组(最重要，兼容性好) 例: 2.for in遍历对象 例:遍历数组 例：遍历对象 3.while遍历例： 4.forEach(): 数组遍历的forEach方法 例: //12 0 [12, 45, 25] ...
一个简单的websocket hook
一个简单的 vue3 的 websocket hook. 有以下基础功能： 创建链接 失败重连 发送心跳包 import { ref } from "vue"; export interface WS_CONFIG { url: string; // ws链接地址 sendData?: Record ...
从 jQuery 到 Vue3 的快捷通道
当初使用 jQuery 做了几个简单的项目，算是有一点点了解，现在学习Vue3，发现了一个可以快速转换思维的通道 —— 使用CDN的方式模拟 Vite 建立的项目！ CDN方式 jQuery的使用非常方便，用 script 引入 js文件即可，然后找到DOM即可开始操作。 而 Vue3 也支持直接用 ...
JS中与运算，或运算归纳理解
可以将（ 0, null, false, undefined, NaN ）理解为数字 0 与运算： 与运算 类比四则运算中的乘法。0和任何数相乘都等于0，因此他们和其他值做与运算都等于0（等于他本身，例如：null && 'abc'，结果为 null；1414 && 0，结果为 0）。 若是两个0 ...
vue3中iview框架初始值赋值问题
问题： 今天有个小伙伴说我们前端有个页面异常奇怪，没有显示数据。 开发小伙伴进行查询之后（非专业前端），明明进行了绑定，页面死活无法渲染，归属于灵异事件了，对于这种灵异事件，我总会想着记录一下 我查看问题的时候，我一度怀疑是这个vue双向绑定有问题，逐渐开始怀疑人生 我的操作是进入系统，赋予一个空数 ...
vue大型电商项目尚品汇（后台篇）day03
今天把平台属性的管理基本完成了，后台管理做到现在基本也开始熟悉，确实就是对ElementUI的一个熟练程度。 一.平台属性管理 1.动态展示数据 先把接口弄好，应该在第三级标题选择后进行发请求 静态页面搭建 渲染数据 属性值列表，用到一个新组件 tag，并且这里有多个属性值，所以要遍历，既然要在里面 ...
对vue响应式的理解
1、所谓数据响应式就是能够使数据变化可以被检测并对这种变化做出响应的机制。 2、MVVM框架要解决的一个核心问题是连接数据层和视图层，通过数据驱动应用，数据变化，视图更新，要做到这点的就需要对数据做响应式处理，这样一旦数据发生变化就可以立即做出更新处理。 3、以vue为例说明，通过数据响应式加上虚拟 ...
Vue 3.x基础
Vue 3.x基础 模版 <template> // html </template> <script setup> // setup API // ... </script> <style> // css </style> setup API 变量（响应式） // 基本数据类型 let refVa ...
关于vue的一些使用总结
了解响应式原理后对代码的一点小重构 在操作一个响应式变量的时候，可能会多次去取这个响应式变量的值，这就意味着会多次执行依赖收集中的get,可以用一个局部变量缓存下来，这样只需要一次get操作. // 比如商城业务中，根据价格筛选不同的商品 data: () => ({ goods: [] }), c ...
原型&继承题目及内容解答
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 代码输出结果 function Person(name) { this.name = name } var p2 = new Person('king'); console.log(p2.__proto__) //Person.pr ...
模拟Vue实现响应式数据
1. 预期效果 当数据变动时，触发自定义的回调函数。 2. 思路 对对象 object 的 setter 进行设置，使 setter 在赋值之后执行回调函数 callback()。 3.细节 3.1 设置 setter 和 getter JS提供了 [Object.defineProperty()] ...