网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

vue数组的基本用法:forEach(es6)(一)

时间:2024-10-12 09:28:43

1、新建一个html。数组的基本用法.html,选择一个简单的模板,用来快速生成html的模板。

vue数组的基本用法:forEach(es6)(一)

3、编写一个div,id是app <div id="app"> 数组的基本用法一:forEach </div>

vue数组的基本用法:forEach(es6)(一)

5、定义一个数组:nums:[1,2,3,4,5] data:{ nums:[1,2,3,4,5] }注意el:'#app'后面要有,号

vue数组的基本用法:forEach(es6)(一)

7、按钮绑定一个点击事件,@click="forEachArr",并在methods中添加事件,事件内对数耘资诡拨组进行forEach,并打印。methods内是用来存放一些函数方法的,这是vue标准。

vue数组的基本用法:forEach(es6)(一)

9、f12打开开发者工具,打开控制台。点击按钮,查看控制台输出。

vue数组的基本用法:forEach(es6)(一)

11、再次点击按钮【数字+10】,这时页面就改过来了。

vue数组的基本用法:forEach(es6)(一)
© 阿力知识库