VUE通过脚手架创建了个页面，script中函数无法读取，一个小白问题

<template>
  <div id='page1'>
    <table border="1" >
        <caption>hi</caption>
      <tr>
       <th v-for="item in items" :key="item.title">
           {{item.title}}
       </th >
         </tr>
      <tr>
       <td v-for="item in items" :key="item.message">
           {{item.message}}
       </td >
      </tr>
    </table>
  </div>
</template>

<script>
 import Vue from 'vue'
  var blog = new Vue({
    el:"#page1",
    data:{
      items:[{
          title:"first",
          message:"name"
  }
      ]
    },
  })
  export default {
    name: "Content"
  }
</script>

<style scoped>

</style>

一段很简单的表格代码（可能表格有bug），为什么我的{{item.message}}读取不到，这段 var blog = new Vue应该怎么写，或者说写在哪里

<template>
    <div>

    </div>
</template>

<script>
export default {
    name:'',
    components: {

    },
    props: {

    },
    data() {
        return {

        };
    },
    methods: {

    },
};
</script>

<style scoped lang="scss">

</style>