- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue3的computed计算属性和watch监听的区别和相同点
1.计算属性(computed)计算属性是基于他们的依赖的数据源进行缓存的，只有在依赖的数据发生变化的时候才会进行计算，可以避免不必要的重复计算.计算属性适用于一些总结一些新的数据，如对数据进行累加，过滤，格式化等。计算属性可以像普通属性一样使用。计算属性中必须使用return返回监听器(watch）监听器允许我们在监听数据变化时执行异步的操作或复杂的逻辑监听器适用于数据变化并进行操作响应时。监听器可以监听一个或多个数据的变化相似之处计算属性和监听器都可以依赖于响应数据他们都
2024-04-26 11:09:49
335
原创 js中使用数学中的笛卡尔积实现需求
笛卡尔乘积是指在数学中，两个集合X和Y的笛卡尔积（Cartesian product），又称直积，表示为X×Y，第一个对象是X的成员而第二个对象是Y的所有可能有序对的其中一个成员。假设集合A={a, b}，集合B={0, 1, 2}，则两个集合的笛卡尔积为{(a, 0), (a, 1), (a, 2), (b, 0), (b, 1), (b, 2)}。接下来我们回归正题吧，我们怎么通过js去实现一个笛卡尔积。
2024-01-16 11:19:13
610
原创 vue3的响应式
vue3通过 proxy API重写了响应式部分，并独立维护及发布整个reactivity库reactive通过createReactiveObject主要做了以下几件事响应式的实现方式就是劫持数据，vue3的reactive APi就是通过Proxy劫持数据由于Proxy劫持的是整个对象，所以检测到任何对对象的修改，弥补了Object.definePropertyAPi的缺陷劫持对observed对象的一些操作。
2023-07-03 13:54:01
200
原创 vue-中父组件传个子组件的值，会随着子组件的修改，进行改变问题处理（开发中所遇问题）
今天在项目中遇到一个比较稀奇的事情，当我先描述下，我使用了一个组件，组件里面值的改变在点击确定之后需要带会到父组件中，并且在点击打开组件的时候要求内容回显，这时我就将数据通过父子传值的方式给子组件传值，当我改变子组件值，还没有点击确定时，父组件的数据也发生了改变，后来发现这是由于所传的值是引用数据类型的原因，当然我们使用基本数据类型的时候，就不会发生这件事儿了。解决方法：通过上面我们知道需要通过深拷贝的方式将数据传个子组件，这样的事情就不会发生了，我们可以使用lodash的clonedeep。
2023-06-07 21:04:31
1394
2
原创 简单通过iframe+postMessage+localstorage实现跨域通信存储
通过以上的代码我们就可以在我们新打开页面中的localStorage中查看到我们需要的token。这个方式我们可以实现我们在工作上出现的单点登录的问题，或者跨域传递信息的解决方案。下面的这个是http://localhost:8080里面的代码。下面的这个是http://localhost:8081里面的代码。在vue中也可以使用以上的方法进行实现。
2023-03-28 10:27:24
1462
原创 vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function报错怎么处理
如何解决vue中插件的不匹配问题
2022-03-23 11:32:45
5245
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人