Vue数组的基本操作：splice操作

1、在vue实例数据data中添加数组元素。

stars:['刘德华','张学友','黎明','郭富城'],

关于vue实例的创建，可以查看其它经验。

2、将该数组元素显示在网页中。

数组的基本操作十二：splice操作。原数组：{{stars}}

3、在下面添加一个按钮，绑定事件spliceArr用来对数据进行操作。

<button @click="spliceArr">Splice操作</button>

4、在methods方法中，定义spliceArr方法，在方法内对数组stars进行splice(start,end)操作。

splice(1,2) 删除 索引为1开始的后面2个元素。

5、打开浏览器，点击按钮【Splice操作】，查看操作结果。

（我用的HBuilder，可以通过点击 运行，运行到浏览器，可以直接在浏览器打开该html）

6、结果显示，第2个和第3个元素被删除了。

如果直接使用splice(1),则删除索引为1以及后面的所有元素。

7、如果想在删除元素的位置添加新元素，可以填入第三个参数。

例如：splice(1,2,'张国荣')

8、点击按钮【Splice操作】，操作结果显示。

[ "刘德华", "张国荣", "郭富城" ]