this.$refs 和key
时间: 2023-10-15 13:31:26 浏览: 128
this.$refs 是 Vue.js 中用于引用子组件的方式,通过在子组件上设置 ref 属性,可以在父组件中通过 this.$refs 对象来引用子组件的实例。
而 key 是 Vue.js 中用于优化列表渲染性能的属性。在使用 v-for 指令渲染列表时,每个渲染的元素都需要有一个唯一的 key 值,用于标识每个元素的身份。这样在列表数据更新时,Vue.js 可以根据 key 值来精确地确定哪些元素发生了变化,从而提高性能。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [解决:this.$refs引用子组件报错 is not a function](https://blog.csdn.net/qq_35393869/article/details/127810529)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [vue列表单项展开收缩功能之this.$refs的详解](https://download.csdn.net/download/weixin_38686080/13974695)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文