vue 中数组如何更新? js中如何更新数组?

使用原生js 更新数组

    API: splice插入数据

    使用方式: 

    举例:

        let arr = [ 'a', ' c ' ];

        arr.splice( 1, 0, 'b ')  //  [ 'a','b','c' ]

使用 Vue 数组更新

    在使用 上述js 插入数据之后,vue数组无法更新,经验证 vue有提供 专门的api 更新数组

   API: splice

           let arr = [ { a : 'b'  } ,{ b: 'a ' } ] 

            arr.splice( 1,0,{ c: 'd' } ) 

            这样是可以达到数组更新,缺点: 新插入的数据更改再用splice无法达到数组更新

API : vue.$set()

          let arr =  [{ a : 'b'  } ,{ b: 'a ' } ]

            arr[0].a = ' d ';

           vue.$set( arr, 0 , arr[0] )

            暂时没有发现缺点

你可能感兴趣的:(vue 中数组如何更新? js中如何更新数组?)