养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Vue数组的基本操作:pop

时间:2024-10-22 23:00:02

pop删除并返回数组的最后一个元素。

Vue数组的基本操作:pop

工具/原料

vue

方法/步骤

1、在vue中初始化一个数字数组。nums:[1,2,3,4,5],

Vue数组的基本操作:pop

2、在页面中显示原数组信息。<p>原数字数组:{{nums}}</p>

Vue数组的基本操作:pop

3、添加一个按钮,绑定事件popArr。<butto艘绒庳焰n@click="popArr">POP操作</button>

Vue数组的基本操作:pop

4、在methods方法中添加事件。用来对数组进行pop操作。并将结果打印在控制台。

Vue数组的基本操作:pop

5、点击【运行】-【运行到浏览器】选择自己的浏览器打开。(编辑器:HBuilder)

Vue数组的基本操作:pop

6、f12打开浏览骰蓍溶芽器调试工具,查看控制台输出。点击按钮【pop操作】。可以看到pop删除并返回了原数组的最后一个元素。

Vue数组的基本操作:pop

7、查看浏览器页面显示的数组,同样也发生了变化,最后一个元素被删除了。

Vue数组的基本操作:pop

8、多次点击【pop操作】,每次点击都会删除上一次数组的最后一个元素。

Vue数组的基本操作:pop

© 一点知识