为什么就这么简单的数据还要单独用js渲染？

同学你好，可以把这里当做扩展，即，如果底部需要动态渲染，可以像老师这样写，毕竟学习阶段，接触的越多越好不是吗？如果都用简单的方式实现，那同学以后遇到了，看不懂怎么办？另外，减少js文件引入，可以提升页面速度，这点是对的，因此实际开发中，需要综合考虑一下，选择一个比较好的方式即可。学习阶段，建议同学练习一下老师所讲的方式，对同学的学习是有帮助的。

祝学习愉快！

同学你好，这样写，主要就是为了实现了动态渲染底部导航，具体如下：

如果底部导航是固定不变的，那么可以直接写在html结构中，而且写在html结构中，代码会更简单。但是实际开发中，会存在底部导航的文字会变的情况，即底部导航的具体内容，会不定期的变化，因此我们就要将底部导航写在了一个单独的js中，在该js中，动态获取底部导航的数据，然后渲染，比如我们这里的items，就是模拟请求回来的动态数据，如下：

如果我的回答帮到了你，欢迎采纳，祝学习愉快！