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()删除数组的最后一个元素,成功返回删除元素的值
转变()删除数组的第一个元素,成功返回删除元素的值
平移()往数组最前面添加一个元素,成功返回当前数组的长度
拼接()有三个参数,第一个是想要删除的元素的下标(必选),第二个是想要删除的个数(必选),第三个是删除
后想要在原位置替换的值(可选)
排序()使数组按照字符编码默认从小到大排的序,成功返回排序后的数组
反向()将数组倒序,成功返回倒序后的数组
