vue 数组 unshift push shift pop

发表到最后

push(content)

发表到前面

unshift(content)

删除最后一条

pop()

删除第一条

shift()

示例：

<!DOCTYPE html>

<head>

<title>变异方法：push/unshift pop/shift</title>

</head>

<body>

</li>

<button v-on:click="push('end')">发表到最后</button>

<button v-on:click="push('prev')">发表到前面</button>

<br>

<button v-on:click="del('pop')">删除最后一条</button>

<button v-on:click="del('shift')">删除第一条</button>

</div>

var app = new Vue({

el: '#hdcms',

data: {

//当前用户输入内容：

current_content: "",

comments: [

{content: "后盾人"},

{content: "老师"}

]

methods: {

push(type) {

var content = {content: this.current_content};

switch (type) {

case 'end':

this.comments.push(content);

break;

case 'prev':

this.comments.unshift(content);

break;

}

this.current_content = "";

del(type) {

switch (type) {

case 'pop':

this.comments.pop();

break;

case 'shift':

this.comments.shift();

break;

}

});

</script>

</body>

</html>

vue 数组 unshift push shift pop相关推荐

java 数组 push pop_JavaScript学习笔记：数组的push()、pop()、shift()和unshift()方法
JavaScript是一种弱类型语言,不像其它程序语言需要严格定义数据类型.在JavaScript中数组可以任意修改变动,这样也就出现了一个问题,如果边遍历数组边操作数组(比如删除当前项,则所有之后的 ...
js开发：数组的push()、pop()、shift()和unshift()
JavaScript是一种弱类型语言,不像其它程序语言需要严格定义数据类型.在JavaScript中数组可以任意修改变动,这样也就出现了一个问题,如果边遍历数组边操作数组(比如删除当前项,则所有之后的 ...
数组的push()、pop()、shift()和unshift()
数组的push().pop().shift()和unshift() unshift()方法 unshift()方法是向数组的开头添加一个或多个元素,并且返回新的长度. var arr = []; // ...
JS数组的push()、pop()、shift()和unshift()方法
JS数组的push().pop().shift()和unshift()方法堆栈和队列栈和队列都是动态的集合,在栈中,可以去掉的元素是最近插入的那一个.栈实现了后进先出.在队列中,可以去掉的元素总是 ...
详解数组的push()、pop()、shift()和unshift()方法
数组的push.pop.shift和unshift方法堆栈和队列堆栈实现类似栈的行为队列实现类似队列的行为 JavaScript的数组是一个拥有堆栈和队列自身优点的global对象.也就是说 ...
JS封装数组API push，pop，shift，unshift，sort， reverse
push(),pop(),shift(),unshift(),sort(),reverse() 1.入栈push() push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度push() 内 ...
数组的push()、pop()、shift()和unshift()方法
JavaScript的数组是一个拥有堆栈和队列自身优点的global对象.也就是说JavaScript数组可以表现的像栈(LIFO)和队列(FIFO)一样操作.这也是JavaScript数组强大的可操 ...
Vue数组更新检测无效
Object.observe(),它可以异步观察Javascript中对象变化的方法,而无需你去使用一个其他的JS库.它允许一个观察者接收一个按照时间排序的变化记录序列,这个序列描述的是一列被观察的对 ...
js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip
js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip push()函数用于向当前数组的添加一个或多个元素,并返回新的数组长度.新的元素将会 ...
js数组操作(push,pop,shift,unshift,slice,splice,concat,sort)
js中针对数组操作的方法还是比较多的,今天突然想到来总结一下,也算是温故而知新吧.不过不会针对每个方法进行讲解,我只是选择其中的一些来讲. 首先来讲一下push和pop方法,这两个方法只会对数组从尾部 ...

vue 数组 unshift push shift pop

vue 数组 unshift push shift pop相关推荐

最新文章

热门文章