组合式 API 模板引用在 v-for 内部使用时。虽然运行出来了，但是不知道在干啥

最新推荐文章于 2024-03-29 17:24:47 发布

hamimelon2020

最新推荐文章于 2024-03-29 17:24:47 发布

阅读量140

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_40945354/article/details/123134087

版权

本文探讨了在 Vue.js 的组合式 API 中，当模板引用在 v-for 循环内部使用时可能出现的不明现象。尽管代码能够正常运行，但理解其工作原理可能具有挑战性。我们将深入解析这个问题，帮助开发者揭开谜团。

摘要由CSDN通过智能技术生成

<template>
  <div v-for="(item, i) in list" :key="item.id" :ref="el => { if (el) divs[i] = el }">
    {
   {
    item }}
  </div>
</template>

<script>
  import {
    ref, reactive, onBeforeUpdate } from 'vue'

  export default {
   
    setup() {
   
      const list = reactive([1, 2, 3])
      const divs =

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hamimelon2020

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
组合式 API 模板引用在 v-for 内部使用时。虽然运行出来了，但是不知道在干啥

<template> <div v-for="(item, i) in list" :key="item.id" :ref="el => { if (el) divs[i] = el }"> {{ item }} </div></template><script> import { ref, reactive, onBeforeUpdate } from 'vue' export default { s
复制链接

扫一扫