v-for内でテーブルを使うとうまく動かない

Question

dataのkeyの数繰り返したいです。
v-forの使い方は合っていると思うのですが、テーブルにするとProperty or method "key" is not defined on the instance のエラーになります。

%table
  %div{"v-for": "(value,key) in user"}
    %tr
      %th
        {{key}}
      %td
        {{value}}

dataObject = {
    attribute: {
      name: "山田"
      age: 19,
      gender: "男",
    }
  }

var vue_model = new Vue({
    el: '#vue-root',
    data: dataObject,
})

テーブルを使わないとエラーは起こりませんでした。
動きは問題ない

%table
  %div{"v-for": "(value,key) in user"}
    {{key}}
    {{value}}

Answer 1

そもそも div が要らないのではないでしょうか？

%table{"v-for": "(value,key) in user"}
  %tr
    %th
      {{key}}
    %td
      {{value}}

table の直下に置くことができる要素は、
caption, colgroup, thead, tbody, tr, tfoot
の6種類だけのはずです。

• name: "山田" の後ろにカンマがない
• data 内に user が存在しない（ attribute なら存在する）

なども気になりますが・・・