zoukankan      html  css  js  c++  java
  • vue 中$index $key 已经移除了

    之前可以这样:

    <ul id="example">
        <li v-for="item in items">
            {{$index}}
            {{$key}}
        </li>
    </ul>

    现在已经移除,如果还用的话就会报错:Uncaught ReferenceError: $index is not defined;

    现在这样写:

    <ul id="example">
        <li v-for="(item,index) in items">
            {{item}}
            {{index}}
        </li>
    </ul>
    

    第一个参数是值,第二个参数是索引;目的是为了保持和原生的一致;

    官方文档如是说:

    $index and $key 移除
    
    已经移除了 $index 和 $key 这两个隐式声明变量,以便在 v-for 中显式定义。这可以使没有太多 Vue 开发经验的开发者更好地阅读代码,并且在处理嵌套循环时也能产生更清晰的行为。
    
    升级方式
    
    在代码库中运行迁移工具来找出使用这些移除变量的示例。如果你没有找到,也可以在控制台错误中查找(例如 Uncaught ReferenceError: $index is not defined)。

    这些个新玩意更新很快要时刻关注文档;

  • 相关阅读:
    POJ-2386 Lake Counting
    白书-部分和问题
    STL-map/multimap 简述
    STL-set&&multiset 集合
    STL-优先级队列-priority_queue
    挣脱虚无,化身虚无
    C
    B
    A
    STL-list 链表
  • 原文地址:https://www.cnblogs.com/mzzz/p/6382590.html
Copyright © 2011-2022 走看看