Vue.js＆Rails：如何在Vue之前停止HTML渲染？

Question

我在将Rails应用程序中实现Vue时遇到问题。我必须刷新页面才能加载Vue元素。例如，如果我的元素定义为：

document.addEventListener('DOMContentLoaded', () => {
    var app = new Vue({
        el: '#page',
        data: {
            question: "content"
      }
    })
})

第一次加载时，内容不会加载到以下HTML标记中。我必须重新加载页面：

<div id="page">
  <div id="bold-font">{{question}}</div><br/>
  <%= text_area 'table', 'column' %>
</div>

我在做什么错了？