如何使用Vue.js获取奇数和偶数并进行分类展示
的有关信息介绍如下:
在Vue.js中,可以使用函数将奇数和偶数分开,并且将它们作为无序列表的内容展示出来。这个场景是这样的:创建一个无序列表,分别将0-19这20个数字分为奇数组和偶数组,无序列表上半部分展示奇数,下半部分展示偶数。下面利用一个实例实现,操作如下:
第一步,双击打开HBuilder工具,新建Web项目并在项目指定目录下创建页面,如下图所示:
第二步,在
第三步,在
标签内,插入一个无序列表,列表有两个子项,分别使用v-for指令绑定数据,如下图所示:第四步,在
第五步,保存代码并预览界面,这时打开浏览器控制台,发现报错了,如下图所示:
第六步,将v-for指令中的num改为digits,然后再次保存预览页面,可以看到效果,如下图所示:



