Rails + Vue.js アソシエーション

Question

Vue.jsのテンプレート内ではアソシエーションを跨いだデータは取得できないのでしょうか？
投稿に紐づくユーザー名(投稿者)を表示させたいなですが表示できません
erbファイルだと表示できるのですがvueファイルだとできません
調べても不思議なことにこの情報がありません
よろしくお願いします!兄貴！

tweetsテーブル

id	text	user_id
1	おはよう	1

usersテーブル

id	name
1	山田

.vueファイル

<template>
  <div id="app">
    <div v-for="e in tweets" :key="e.id">
      {{e.text}} //これは表示できる
      {{e.user.name}} //ここができない
    </div>
</template>

Answer 1

コントローラーでテーブルを結合

  def index
    tweets = Tweet.joins(:user).select("tweets.*,users.*")
    render json: tweets
  end

そして出力です

{{user.name}}