搜索结果
查询Tags标签： Reactive，共有 38条记录-
Vue3系列7--父子组件传参
1 父组件传递给子组件 父组件通过v-bind绑定一个数据，然后子组件通过defineProps接受传过来的值。<template><div class="layout"><Menu v-bind:data="data" title="我是标题"></Menu> // 传递字符串的时候可以不…
2022/8/6 23:22:43 人评论 次浏览 -
Vue3快速上手
1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么 1.性能的提升打包大小减少41%初次渲染快5…
2022/7/10 6:20:25 人评论 次浏览 -
vue3使用watch监听store简单状态管理中reactive对象
参考： Vue3中watch监视reactive定义数据的“坑” - csdn watch - Vue.js vue中watch的使用写法 - csdn 【Vue】watch的详细⽤法 - csdn vue中watch的用法 - 博客园前言 在项目中，我想用store来全局管理document.body.clientWidth 然而却发现watch无法监听store中的clien…
2022/7/10 6:20:17 人评论 次浏览 -
Vue 中的响应式原理
vue2.x的响应式实现原理：对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。 Object.defineProperty(data, count, {get () {}, set () {} })存在问题…
2022/6/18 23:20:22 人评论 次浏览 -
vue3为什么要用proxy实现双向数据绑定?
一:object.defineProperty的缺点: 1.因为es5的object.defineProperty无法监听对象属性的删除和添加2.不能监听数组的变化，除了push/pop/shift/unshift/splice/spObject.definert/reverse，其他都不行3.Object.defineProperty只能遍历对象属性直接修改(需要深拷贝进行修改…
2022/5/28 23:21:32 人评论 次浏览 -
vue3中ref的理解
1.什么是ref?ref和reactive一样,也是用来实现响应式数据的方法由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦所以Vue3提供了ref方法实现简单值得监听2.ref本质ref底层其实还是reactive,所以当运行时系统会自动根据传入的…
2022/5/1 23:13:07 人评论 次浏览 -
vue3 ts typescript interface 定义默认相应式值
ts interface 定义接口 reactive 使用 或 注意 这样的没法直接实现响应式，注意！！！！！！！！！！！！1
2022/4/27 23:16:33 人评论 次浏览 -
(一)setup,relactive,ref,toRefs以及...的意义
1:对象和函数的拼接const satate=reactive({name:"mmss",no:1});{...toRefs(satate),Updatevalue }这里的...相当于把对象和函数拼接成了一个新对象,相当于return{no:1,Updatevalue} 2:数组间的拼接 var a=[1,2] var b=[3,4] var c=[...a,...b]后最后就是c=[1,2…
2022/4/23 6:13:25 人评论 次浏览 -
关于vue3中ref和reactive思考
因为新开了一个项目使用vue3，不太熟悉，其中使用了ref和reactive关键字，简单翻看文档和一些讲解之后，知道ref的实现是reactive。但使用中reactive()修饰的变量，不能直接对数组进行赋值操作，ref()却可以，这个问题感到很奇怪。 记录一下现在自己的想法 因为vue3是用pr…
2022/4/21 6:12:57 人评论 次浏览 -
Vue3学习笔记
------------恢复内容开始------------ 1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么 1…
2022/4/12 23:20:34 人评论 次浏览 -
vue3技术整理 - 更新完毕
0、前言vue2基础篇链接：https://www.cnblogs.com/xiegongzi/p/15782921.html vue2组件化开发篇链接：https://www.cnblogs.com/xiegongzi/p/15823605.html vue2高级篇链接：https://www.cnblogs.com/xiegongzi/p/15875808.html1、创建vue3项目 官网文档：https://cli.vue…
2022/3/11 23:17:25 人评论 次浏览 -
vue3的新特性
vue3的新特性 一、setup二、ref三、reactive三、计算属性computed三、计算属性watch四、watchEffect函数五、生命周期钩子六、自定义hook函数七、toRef和toRefs八、其他新特性1、shallowReactive 与 shallowRef2、readonly 与 shallowReadonly3、toRaw 与 markRaw4、custo…
2022/3/1 6:24:43 人评论 次浏览 -
聊聊vue2和vue3
组件的声明周期函数发生了变化例如:beforeCreate 修改为 setup created 修改为 setup beforeMount | onBeforeMount; mounted | onMounted; beforeUpdate | onBeforeUpdate; updated | onUpdated; activeted | onActiveted; deactiveted | onDeactiveted; beforeDestory |…
2022/2/16 6:13:28 人评论 次浏览 -
Vue3官方文档翻译之Reactivity Fundamentals
引言 突然不知道这章写了啥, 感觉内容有点干, 顾着翻译去了, 没有吸收消化. 还是总结下, 主要是就是响应式的对象如何和template结合的, 响应式对象是通过JavaScript的代理对象实现的; 响应式的对象有分为深响应和浅响应; 完成响应式的对象在作为函数参数或者解构的时候会…
2022/2/11 23:44:23 人评论 次浏览 -
【第一章 什么是反应式编程】
What is reactive processing? Reactive processing is a paradigm that enables developers build non-blocking, asynchronous applications that can handle back-pressure (flow control). Spring官网对Reactive的解释可能一开始会让人觉得比较简单抽象，但是基本描述…
2022/2/9 22:17:12 人评论 次浏览
