JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="vue">
  <div :data-test_underscores="foobar"></div>
  <hr />
  <div v-text="foobar"></div>
</div>

CSS

div::before {
  content: attr(data-test_underscores);
}

JavaScript

new Vue({
	el: '.vue',
  data: {
  	foobar: "Hello Tada World"
  },
  mounted: function() {
  	console.log(this.$el.children[0].dataset);
  }
});