Vue包含一组观察数组的变异方法,所以它们也将会触发视图更新。这些方法如下:
-
<李> push() 李>
<李> pop() 李>
<李>转变()李>
<李>平移()李>
<李>拼接()李>
<李>排序()李>
<李>反向()
李>
都有什么功能?动手试验了一下:
& lt; body> & lt; div id=坝τ谩北? & lt; div> 推动方法: & lt;输入类型=拔谋尽眝模型=拔谋尽盄keyup.enter=癿ethodByPush”比; & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/测试功能“@click=癿ethodByPush”比; & lt; ul> & lt;李v=跋钅肯钅俊痹? & lt;跨度v-text="项目"祝辞& lt;/span> & lt;/li> & lt;/ul> & lt;/div> & lt; div> 流行方法: & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/测试功能“@click=癿ethodByPop”比; & lt; ul> & lt;李v=跋钅肯钅俊痹? & lt;跨度v-text="项目"祝辞& lt;/span> & lt;/li> & lt;/ul> & lt;/div> & lt; div> 转移方法: & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/测试功能“@click=癿ethodByShift”比; & lt; ul> & lt;李v=跋钅肯钅俊痹? & lt;跨度v-text="项目"祝辞& lt;/span> & lt;/li> & lt;/ul> & lt;/div> & lt; div> 平移方法: & lt;输入类型=拔谋尽眝模型=拔谋尽盄keyup.enter=癿ethodByUnshift”比; & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/测试功能“@click=癿ethodByUnshift”比; & lt; ul> & lt;李v=跋钅肯钅俊痹? & lt;跨度v-text="项目"祝辞& lt;/span> & lt;/li> & lt;/ul> & lt;/div> & lt; div> 拼接方法: & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/测试功能“@click=癿ethodBySplice”比; & lt; ul> & lt;李v=跋钅肯钅俊痹? & lt;跨度v-text="项目"祝辞& lt;/span> & lt;/li> & lt;/ul> & lt;/div> & lt; div> 这种方法: & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/测试功能“@click=癿ethodBySort”比; & lt; ul> & lt;李v=跋钅肯钅俊痹? & lt;跨度v-text="项目"祝辞& lt;/span> & lt;/li> & lt;/ul> & lt;/div> & lt; div> 反向方法: & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/测试功能“@click=癿ethodByReverse”比; & lt; ul> & lt;李v=跋钅肯钅俊痹? & lt;跨度v-text="项目"祝辞& lt;/span> & lt;/li> & lt;/ul> & lt;/div> 结果显示的地方:& lt; br> & lt;跨度v-text="结果"祝辞& lt;/span> & lt;/div> >之前& lt; script> var vm=new Vue ({ 埃尔:“#应用”, 数据:{ 项目:[], 文字:”, 结果:" }, 方法:{ methodByPush:函数(){ 这一点。结果=this.items.push (this.text) 这一点。文本=" }, methodByPop:函数(){ 这一点。结果=" 这一点。结果=this.items.pop () }, methodByShift:函数(){ 这一点。结果=" 这一点。结果=this.items.shift () }, methodByUnshift:函数(){ 这一点。结果=" 这一点。结果=this.items.unshift (this.text) 这一点。文本=" }, methodBySplice:函数(){ 这一点。结果=" 这一点。结果=this.items.splice (2, 1, ' yovan ') }, methodBySort:函数(){ 这一点。结果=" 这一点。结果=this.items.sort () }, methodByReverse:函数(){ 这一点。结果=" 这一点。结果=this.items.reverse () 警报(this.result) } } }) & lt;/script> >之前得到下面的结论:
push()往数组最后面添加一个元素,成功返回当前数组的长度
pop()删除数组的最后一个元素,成功返回删除元素的值
转变()删除数组的第一个元素,成功返回删除元素的值
平移()往数组最前面添加一个元素,成功返回当前数组的长度
拼接()有三个参数,第一个是想要删除的元素的下标(必选),第二个是想要删除的个数(必选),第三个是删除
后想要在原位置替换的值(可选)
排序()使数组按照字符编码默认从小到大排的序,成功返回排序后的数组
反向()将数组倒序,成功返回倒序后的数组
浅析vue.js数组的变异方法