Vue-Array

English documents

使用此package来操作数组。vue是可以监听到数组中的更改的

如果可以，可以使用Vue.set方法

安装

# npm安装
$ npm install vue-array --save

# yarn安装
$ yarn add vue-array

使用

vue插件

demo: https://codesandbox.io/s/jppo9w6yyw

普通方法

let vueArray = require('vue-array').$array

let arr = [1, 2, 3, -0 , 0]
vueArray(arr).remove([2, 1]).remove(0)
console.log(arr) // => [3, -0]

vueArray(arr).replace([4, 5, 6]).replace(['a', 'b', 'c'])
console.log(arr) // => ['a', 'b', 'c']

注入方法

let arrInstance = Array
require('vue-array').injection(arrInstance)

let arr = [1, 2, 3]
[].$array(arr).remove([3,1])
console.log(arr) // => [2]

[].$array(arr).replace([4, 5, 6])
console.log(arr) // => [4, 5, 6]

API

remove

支持 numbers, strings, Boolean, Null Undefined NaN, Object, Array, ±0

如果是对象、数组，会进行递归操作

let arr = [
  "abc", 123, -0, 0, false, true, null, undefined, NaN,
  [1, 2, 3],
  [4, 5, 6],
  {a: 1},
  {b: 1},
  [{a: 2}],
  [{b: 2}],
  {a: [7,8, {b: 3}]}
]

vueArray(arr).remove([
  null, true, 0, "abc", NaN,
  [1, 2, 3],
  [{b: 2}],
  {a: 1},
  {a: [7,8, {b: 3}]}
])

console.log(arr)
/**
[
  123, -0, fasle, undefined,
  [4, 5, 6],
  {b: 1},
  [{a: 2}],
]
**/

replace

let arr = [1, 2, 3, 4, 'a', NaN, {a: 1}, [2,1]]
vueArray(arr).replace(['a', 'b', 'c'])

console.log(arr) // => ['a', 'b', 'c']

运行测试

安装dev依赖关系:

$ npm i -D && npm test

贡献

作者

Black-Hole

• Email：[email protected]
• Blog：http://bugs.cc
• WeiBo：http://weibo.com/comelove
• Twitter：https://twitter.com/Free_BlackHole