分类：vue中ref使用

2021
09-16

Vue3中ref与toRef的区别浅析

1.ref是复制,视图会更新如果利用ref将某一个对象中的某一个属性值变成响应式数据我们修改响应式数据是不会影响原始数据的;同时视图会跟新。ref就是复制复制是不会影响原始数据的<template><div><div><div>{{stateObj}}</div><button@click="func1">按钮</button></div></div></template><script>import{ref}from'vue'exportdefault{name:'App',setup(){letobj={name:"张三",age:22}... 继续阅读 >

2021
01-12

Vue中ref和$refs的介绍以及使用方法示例

前言在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。ref介绍ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，引用指向的就是DOM元素；如果用在子组件上，引用就指向该子组件实例通俗的讲，ref特性就... 继续阅读 >