data-id是做什么用的？

同学你好，先来了解一下，data-*自定义数据属性：

        1、HTML5规定可以为元素添加非标准型的属性，只需添加前缀data-***,比如这里的data-id，使用Jquery可以使用：$(this).data('id')来获取它的值。（注意这里的id，是data-id后面id，如果是data-app，就需要通过app来获取）

    这里其实就是一种自定义数据属性的使用，同学记住就可以呢~

       2、data-*** 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。data-xx主要就是自定义一些对你来说有用的数据在dom元素上 

        比如 后面需要用到productCategoryId的值，所以就将它的值存储在data-*数据属性中。

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~