Reactive

swiper滚动轮播平板

报名表下载-->-->-->import{ref,reactive,computed,watch,onMounted}from'vue'import*asapifrom'../..
用技术改变世界·2023-01-26 14:33

vue3与elementui封装一个便捷Loading

喜欢的话，可以复制到你自己的项目拿去用，记得点个赞噢实际使用代码实现import{reactive}from'vue'import{ElMessageBox,
·2023-01-26 05:28

vue3学习笔记(总)——ts+组合式API(setup语法糖)

文章目录1.ref全家桶1.1ref()1.2isRef()以及isProxy()1.3shallowRef()1.4triggerRef()1.5customRef()1.6unref()2.reactive
凡小多·2023-01-23 07:58

vue3全局状态的管理——Pinia

如果您熟悉CompositionAPI，您可能会认为您已经可以通过一个简单的exportconststate=reactive({}).这对于单页应用程序来说是正确的，但如果它是服务器端呈现的，会使您的应用程序暴露于安全漏洞
回忆哆啦没有A梦·2023-01-19 07:09

Vue3 实现验证码倒计时

实现效果实现代码html（重要部分）发送验证码{{sms.count}}秒后重新发送js（重要部分）//验证码计时器constsms=reactive({disabled:false,total:60,
贝塔-突突·2023-01-19 07:07

vue3 setup语法糖父子组件传值，让女友看得明明白白

/child.vue';import{ref,reactive}from'v
贝塔-突突·2023-01-19 07:07

vue3源码分析reactivity实现原理

目录引言第一部分:简单版reactivity(1).实现reactive和effect(2).实现ref(3).实现computed第二部分:深入分析对于object、array的响应式代理(1).handlers
·2023-01-19 06:17

Vue3.0、TypeScript学习日常笔记（附demo）

1.vue3.0setup，reactive、onMounted等生命周期函数、computed计算属性、toRefs、toRef、父子组件调用等应用，如下demo（需要安装ts）！
浑浑噩噩撸代码·2023-01-18 14:22

【Vue系列】Vue3.0知识点汇总整理

二、创建Vue3工程1、使用vue-cli创建2、使用vite创建补充：分析Vue3的工程结构三、常用CompositionAPI1、初识setup2、ref函数3、reactive函数4、reactive
码上游·2023-01-18 14:50

Vue3.0学习笔记

源码的升级3.拥抱TypeScript4.新的特性1、创建Vue3.0工程1.1使用vue-cli创建1.2使用vite创建2常用CompositionAPI2.1拉开序幕的setup2.2ref函数2.3reactive
muzi187·2023-01-18 14:50

手写 Vue3.0 源码——响应式 api

/computed";export{reactive,shallowReactive
兰亭古墨·2023-01-18 14:50

Ref toRef toRefs

vue3111{{name}}{{age}}改变属性值import{reactive,ref,toRef,toRefs}from'vue';//letobj=ref({name:'zs',age:18}
_Rookie._·2023-01-18 14:49

Vue3.0(代号：One Piece)

.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive
_CX_·2023-01-18 14:47

vue3.0全新文档快速上手学习内容整理

2.新的内置组件3.其他改变#一、创建Vue3.0工程##1.使用vue-cli创建##2.使用vite创建#二、常用CompositionAPI##1.拉开序幕的setup##2.ref函数##3.reactive
船长在船上·2023-01-18 14:47

Vue3响应式对象-计算属性和异步计算属性

一、前言在之前的博客中，已经针对ref对象和reactive对象做了详细的分析，这2种对象覆盖了常规类型以及对象类型的响应式设计。计算属性就是在这2种对象的基础上，实现的最后一种响应式对象。
东方睡衣·2023-01-18 07:43

vue3 element-plus二次封装组件系列之伸缩菜单制作

目录1、效果2、主要逻辑代码1、效果折叠效果--只剩图标展开效果--有图标有文字2、主要逻辑代码home.vue--主页代码Mainimport{ref,reactive}from'vue'importNavMenufrom
·2023-01-17 08:11

1.3 驾驶决策和行为（第一章 自动驾驶的要求）

驾驶决策和行为（DrivingDecisionsandActions）学习内容：规划：类别与例子用于简单交叉口场景的各种决策规划的类别：reactive（反应的），predictive（预测）本节，我们将根据做出决定的时间范围对规划进行非正式的分类
pan_pan&Lao·2023-01-16 21:08

vue3 获取ref/reactive对象里Proxy里的数据

这时只需要使用constform=reactive({name:"",age:"",})letparams=JSON.parse(JSON.stringify(form));这时就可以拿到正常的对象形式数据了这样就可以去掉
rikimiao·2023-01-14 04:13

Vue3响应式个人理解（十）代理数组

consttest=reactive(['www','asd'])effect(()=>{console.log(test[0])})//修改数组的第一
沉梦夏夜·2023-01-14 04:12

vue3响应式接收后台的数据，Proxy数据的取值

如图：后台数据为一个对象是，使用ref定义的对象来接收，而不是reactive获取后的数据可以在template中直接使用
Rich4$t·2023-01-14 04:42

深入学习Vue.js（四）实现reactive函数

文章目录1.Reflect2.Proxy的工作原理3.代理Object4.合理的触发响应5.深响应和浅响应6.只读和浅只读7.代理数组1.Reflect  Proxy有着可以拦截对对象各种操作的能力，比如最基本的get和set操作，而Reflect也有与这些操作同名的方法，像Reflect.set()、Reflect.get(),这些方法和它们所对应的对象基本操作完全一致。constdata={v
volit_·2023-01-13 07:30

Vue3中computed的用法

一、computed简写形式姓：名：姓名：import{computed,reactive}from'vue'exportdefault{setup(){letper=reactive({s
勇敢小陈·2023-01-12 11:28

Vue3中reactive丢失响应式的问题

在vue3中,我们定义响应式数据无非是ref和reactive。但是有的小伙伴会踩雷！导致定义的响应式丢失的问题。
喝西瓜汁的兔叽Yan·2023-01-11 07:37

Vue3中的计算属性的详细讲解

有点像敌人行动我也行动2.computed的介绍姓名我的名字是:{{userName}},我的年龄是:{{allName.age}}constallName=reactive({userName1:'张
殇 魂·2023-01-09 06:42

Vue--》vue3中的计算属性与监视的使用讲解

因为Vue3.x是向下兼容Vue2语法的，所以我们可以写成既有setup又有Vue2中的computed函数，如下代码示例：个人信息姓：名：全名：{{fullName}}import{reactive}
亦世凡华、·2023-01-09 05:36

VUE3+VITE+TS自动引入依赖

unplugin-auto-import安装插件创建文件编写配置引入index.tsvite.config.ts内使用unplugin-auto-import安装插件这个插件可以自动引入对应的依赖，比如ref、reactive
湫夨兮·2023-01-08 08:31

Vue3 + vite + Ts + pinia + 实战 +electron（学习ing，笔记未完待续......）

组件库ElementPlus7、搭建页面layout，认识less、scoped、一些css新特性二、vue3基础使用学习1、模板语法&vue指令2、Vue核心虚拟Dom和diff算法（了解）3、ref和reactive4
MajorMe·2023-01-08 08:00

当vue3提示[Vue warn]: Vue received a Component which was made a reactive object.

解决方案开题直接放解决方案，不墨迹，解决方案很简单，提示你去给组件使用markRaworshallowRef包起来就好了，我直接使用了markRaw来包起组件//直接包起来import{markRaw}from'vue'直接在应用组件那里包起来就好了，就不会报错了前言当我在使用到一个组件的时候，他报了这么一个警告错误的提示地方，通过这个错误的定位是在我使用这些个edit组件里面报的，这些个组件是由
小蓝阿姨·2023-01-08 07:36

vue3实战-完全掌握ref、reactive

今天咱们就来全面盘点一下ref、reactive，相信看完你一定会有不一样的收获，一起学起来吧！
yyds2026·2023-01-05 17:53

Vue3.0 —— setup、ref、reactive和 computed的简介及使用

一.setup特性：1、setup函数是处于生命周期函数beforeCreate和Created两个钩子函数之间的函数也就说在setup函数中是无法使用data和methods中的数据和方法的2、setup函数是CompositionAPI（组合API）的入口3、在setup函数中定义的变量和方法最后都是需要return出去的不然无法再模板中使用使用：1.setup可以作为函数使用：{{msg}}
z_小张同学·2023-01-05 17:53

vue-vue3(2)-setup与ref函数,reactive函数

vue-vue3(2)-setup常用CompositionAPI官方文档:https://v3.cn.vuejs.org/guide/composition-api-introduction.htmlsetip理解：Vue3.0中一个新的配置项，值为一个函数。setup是所有CompositionAPI（组合API）“表演的舞台”。组件中所用到的：数据、方法等等，均要配置在setup中。setu
飘然渡沧海·2023-01-05 17:53

vue3的setup，ref以及reactive

vue2的html模板中必须要有一对根标签，vue3中可以没有这个根标签。setup是组合API的入口函数。只在初始化的时候执行一次。ref是一个函数，作用是定义一个响应式数据，返回的是一个ref的对象。对象中有一个value属性，如果需要对数据进行操作，需要使用该ref对象调用value属性的方式进行数据操作。html模板中不需要使用.value的属性写法。ref一般是用来定义基本类型的数据响应
weixin_47268588·2023-01-05 17:23

Vue3（工程创建 setup ref，reactive函数）

vue3带来了什么：性能的提升源码的升级拥抱TypeScript新的特性创建Vue3.0工程使用vue-cli创建##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##创建vuecreatevue_test##启动cdvue_testnpmrunserve使用vite创建vite
Nico.lucky·2023-01-05 17:23

Vue3 -- Composition API setup函数 reactive ref ...

CompositionAPI在Vue2中，我们编写组件的方式是OptionsAPI：OptionsAPI的一大特点就是在对应的属性中编写对应的功能模块；比如data定义数据、methods中定义方法、computed中定义计算属性、watch中监听属性改变，也包括生命周期钩子；但是这种代码有一个很大的弊端：当我们实现某一个功能时，这个功能对应的代码逻辑会被拆分到各个属性中；当我们组件变得更大、更复
_聪明勇敢有力气·2023-01-05 17:23

Vue3中的setup和ref && reactive函数

vue3常用compositionAPI一、拉开序幕的setup1.setup是所有compositionAPI的平台，他是vue3的新的配置项，值为一个函数；2.组件中所用到的：数据，方法等等，全部配置到setup中。3.setup的两种返回值：(1)返回一个对象，其中的对象为本身定义的属性，方法，在模板中可以直接使用（2)返回一个渲染函数：则可以自定义渲染的内容4.vue2中的配置（data、
沐沐185·2023-01-05 17:23

Vue3.0-ref、reactive实现setup函数中的响应式数据

ref函数ref函数可以让在setup函数中的数据实现响应式数据，其基本原理就是监听了value值的改变，然后劫持value的setter和getter函数。因此，如果实现的响应式数据，是一层又一层的引用数据的的话，会一直监听，劫持，这样效率就会非常的低下。所以，一般情况下ref函数实现的响应式数据就是基本数据。引入：import{ref}from"vue"案例：这样就实现了点击按钮，在页面没有刷
blag_·2023-01-05 17:53

Vue Vue3中的setup、ref、reactive

文章目录setupref函数reactive函数reactive对比refsetup两个注意点参数props参数contextsetup1、理解：vue3.0中一个新的配置项，值为一个函数2、setup
Errol_King·2023-01-05 17:53

vue3中setup、ref、reactive、响应式

{{name}}import{reactive}from"vue"exportdefault{props:{item:String}//setup函数会在beforeCreate之后，created之前执行
小莉爱编程·2023-01-05 17:52

Vue3中的setup函数和响应式ref reactive

在之前的文章中，小编和大家一起学习了关于Vue的基本语法和概念，包括组件、数据混入和插槽等。从今天开始，小编和大家一起学习Vue3中的新特性，也就是网上炒的铺天盖地的Composition-API，看看到底有什么神奇之处，我们之前通过Vue写的代码，基本都是这样。Vue.createApp({data(){return{            name:"" // 绑定基本数据类型数据      
飞鹰3995·2023-01-05 17:22

【Vue3】setup、ref函数、reactive函数

目录setupsetup的两个注意点ref函数基本类型数据处理对象类型reactive函数reactive对比refsetup1、理解：Vue3中的一个新的配置项，值为一个函数2、setup是所有CompositionAPI
翘阳啦·2023-01-05 17:22

vue3 ---＞ setup() 用法 响应式API - reactive 响应式API - ref

setup()介绍参考官方文档使用setup函数时，它将接收两个参数：propscontext//让我们更深入地研究如何使用每个参数Propssetup函数中的第一个参数是props。正如在一个标准组件中所期望的那样，setup函数中的props是响应式的，当传入新的prop时，它将被更新。Context传递给setup函数的第二个参数是context。context是一个普通JavaScript
All rivers run in to the sea·2023-01-05 17:22

vue3.0中setup ref reactive toRefs 函数详解

vue3常用函数的使用setup函数用法,可以代替Vue2中的data和method属性,直接把逻辑加在setup中ref函数在temlate中用的变量需要用ref包装下return出去的数组和方法在模板中才可以使用setup(){constgirls=ref(["小红","小英","晓红"]);constselectGirl=ref("");constselectGirlFun=(index)=
程序员Better·2023-01-05 17:22

Vue3的setup函数以及ref和reactive方法的使用

在vue3中，有个核心的东西，setup函数，它相当于一个新的生命周期，在beforeCreate之前执行，在里面没有thissetup默认是非响应式的，即做点击事件修改num的值，模板上的num不会跟着变。这时候需要用ref方法来让它变成响应式：Vue3中的setup函数{{count}}添加//1.将ref函数从vue当中导入import{ref}from"vue";exportdefault
小谭同学ya·2023-01-05 17:52

Vue3 — setup、ref、 reactive基本使用

常用API一、setup类型：setup函数是一个新的组件选项。它作为在组件内部使用组合式API的入口点调用时间在创建组件实例时，在初始prop解析之后立即调用setup。在生命周期方面，它是在beforeCreate钩子之前调用的。模板使用：函数如果返回对象,对象中的属性或方法,模板中可以直接使用{{num}}//defineComponent定义一个组件，内部可以传入一个配置对象import{
balance~~·2023-01-05 17:52

vue3.0--1.vue3.0环境集成、setup、ref函数、reactive函数、计算属性（computed）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录目录文章目录1.vue3.0环境集成（1.1）vue-cli创建（1.2）vite创建2.setup3.ref函数4.reactive
爱喝珍珠奶茶·2023-01-05 17:52

Vue--》setup、ref、reactive函数使用讲解

目录setupref函数reactive函数Vue3中的响应式原理setupVue3中的一个新的配置项，值为一个函数。组件中所用到的数据、方法等等，均要配置在setup中。
亦世凡华、·2023-01-05 17:21

vue面试之Composition-API响应式包装对象原理

本文主要分以下两个部分对CompositionAPI的原理进行解读：reactiveAPI原理refAPI原理reactiveAPI原理打开源码可以找到reactive的入口，在composition-api
·2023-01-04 16:14

解决东方财富数据接口激活后仍显示reactive的问题

首先确保代码可以在python中导入这个包：fromEmQuantAPIimportc如果无法导入，就是python没有配置好东方财富的接口，可以参考：Mac版本：Mac使用Python接入东方财富量化接口Choice，调试与获取数据Windows版本：官方windows教程解决方法在编辑器（如vscode、pycharm）中，按住ctrl键然后鼠标点一下EmQuantAPI，跳转到这个包的安装目
呆萌的代Ma·2023-01-04 13:21

能否手写vue3响应式原理-面试进阶

（三）手写实现1、实现Reactive基于原理，我们可以先写一下测试用例//reactive.spec.tsdescribe("effect",()=>{it("happypath",()=>{constoriginal
·2023-01-02 11:31

vue3.0 + xlsx 实现纯前端生成excel表格

实现纯前端生成excel表格1.安装依赖npminstallxlsx--save2.导入依赖import*asXLSXfrom'xlsx'//Vue3版本代码示例js部分代码如下（示例）：import{ref,reactive
Cookie686·2023-01-01 13:38
上一页 32 33 34 35 36 37 38 39 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他