vue ref
阅读数:126 评论数:0
跳转到新版页面分类
html/css/js
正文
ref被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，引用指向的就是DOM元素，如果用在子组件上，引用就指向组件实例。
<!-- `vm.$refs.p` will be the DOM node -->
<p ref="p">hello</p>
<!-- `vm.$refs.child` will be the child component instance -->
<child-component ref="child"></child-component>关于ref本身是作为渲染结果被创建的，在初始渲染的时候你不能访问它们，它们还存在，$refs也不是响应的，因此你不应该试图用它在模板中做数据绑定。
相关推荐
一、概述
在vue2中，data函数里返回的值直接为响应式，但在vue3中我们需要使用一些函数才能达到这个效果。
setup函数中拿不到vue的this。
二、常用函数
<template>
<d
一、概述
在vue3中没有$refs这个对象，可以使用如下方法
<template>
<div><input type="text" ref="txt1" value="hello" /></div>
一、概述
在 Vue 3 中，shallowRef 是一种用于创建浅层响应式引用的 API。与 ref 不同，shallowRef 只会对其引用的值进行浅层监听，而不会递归地使对象的内部属性也成为响应
1、安装依赖
npm install svg-sprite-loader --save-dev
2、配置build文件夹中的webpack.base.conf.js
3、在src/component
在列表渲染时使用key属性
当Vue.js用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略，如果数据项的顺序被改变，Vue将不会移动D
一、vue.js devtools开发工具的使用
1、安装
在chrome或firefox浏览器的扩展插件仓库里搜索vue devtool。
2、debugger的使用
假设我们想调试App.vue这
在使用Vue中经常看到HTML中有标签属性前面添加了“：”，有些没有。
其实是v-bind的缩写。
v-bind
缩写： ‘：’
用法：动态绑定一个或多个特性，或一个组件prop到表达式。在绑定cl