What is a elegant way for embedding vue component into rails view template

Hi,

I'm doing this way like as follow
in the "***.html.erb"

<div class="col-sm-12" data-behaviour="vue">
    <component-abc props-a="abc"></component-abc>
</div>

here I'm wondering if I should not vue component tag into the rails template or should I do this way?

<%= content_tag :div,
  id: "hello-vue",
  data: {
    message: "Hello!",
    name: "David"
  }.to_json do %>
<% end %> 

I'd be much appreciated if anyone share their experience or the better way to do this.
Thanks in advance for you