营销型网站建设的主要流程包括,最流行的网站开发,工作组赴哈尔滨,上海软件开发外包今天阅读vue官网的学习教程#xff0c;看到一个观察数组的变异方法。变异方法#xff1f;#xff1f;#xff1f;excuse me??什么东西#xff1f;#xff1f;guide就给了这么一堆东西#xff1a;
原来这些方法如下#xff1a; push() pop() shift() uns…今天阅读vue官网的学习教程看到一个观察数组的变异方法。变异方法excuse me??什么东西guide就给了这么一堆东西
原来这些方法如下 push() pop() shift() unshift() splice() sort() reverse()
Vue 包含的这些方法它们会主动触发视图的更新即前端数据会自动更新。 !--HTML--
!--数组的各种变异方法--
div idarrayChange
div push方法
input typetext v-modeltext keyup.entermethodByPush input typebutton value测试功能 clickmethodByPush
/div
div pop方法 input typebutton value测试功能 clickmethodByPop
/div
div shift方法 input typebutton value测试功能 clickmethodByShift
/div
div unshift方法 input typetext v-modeltext keyup.entermethodByUnshift input typebutton value测试功能 clickmethodByUnshift
/div
div splice方法 input typebutton value测试功能 clickmethodBySplice
/div
div sort方法 input typebutton value测试功能 clickmethodBySort
/div
div reverse方法 input typebutton value测试功能 clickmethodByReverse
/div
div 测试值 ul li v-foritem of items span v-textitem/span /li /ul
/div
result显示的地方br span v-textresult/span
/div
//JS代码
var vm new Vue({el: #arrayChange,data: {items: [],text: ,result: },methods: {methodByPush: function () {this.result this.items.push(this.text)this.text },methodByPop: function () {this.result this.result this.items.pop()},methodByShift: function () {this.result this.result this.items.shift()},methodByUnshift: function () {this.result this.result this.items.unshift(this.text)this.text },methodBySplice: function () {this.result this.result this.items.splice(2,1,yovan)},methodBySort: function () {this.result this.result this.items.sort()},methodByReverse: function () {this.result this.result this.items.reverse()}}
})
用法简介 push() 往数组最后面添加一个元素成功则返回当前数组的长度 pop() 删除数组的最后一个元素成功则返回删除元素的值 shift() 删除数组的第一个元素成功则返回删除元素的值 unshift() 往数组最前面添加一个元素成功则返回当前数组的长度 splice() 有三个参数第一个是想要删除的元素的下标必选第二个是想要删除的个数必选第三个是删除 后想要在原位置替换的值可选 sort() 使数组按照字符编码默认从小到大排序,成功则返回排序后的数组 reverse() 将数组倒序成功则返回倒序后的数组