Vue.js中如何通过data-*属性获取元素值？

本文共计828个文字，预计阅读时间需要4分钟。

目录 + data-* + 获取普通数据 + 静态获取 + 动态获取 + 获取对象数据 + 动态获取 data-* + 这个属性熟悉JS的小伙伴都知道，data-* 是一个自定义属性，其功能是视图层向JS传递我们想要的数据。

目录

• data-*
• 获取普通数据
• 静态获取
• 动态获取
• 获取对象数据
• 动态获取

data-*

这个属性熟悉JS的小伙伴都知道，data-*是一个自定义属性，它的功能是视图层往js传递我们想要传的数据。我们的JS可以控制视图层，但是我们往往需要用户操作视图层，逻辑层也能够获取用户的交互值，这个时候我们就需要data-*属性了

获取普通数据

我们的js数据类型大体上可分为，数字类型，字符类型，布尔值类型，对象类型。