aytdm

<template>  
  <div>  
    <my-header />  
    <nuxt/>  
  </div>  
</template>  
  
<script>  
import MyHeader from '~components/Header.vue'  // replace '~components/Header.vue' with '~/components/Header.vue'
export default {  

aytdm

<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="Date" width="180"></el-table-column>
      <el-table-column prop="name" label="Name" width="180"></el-table-column>
      <el-table-column prop="address" label="Address"></el-table-column>
    </el-table>
  </div>
</template>

aytdm

<template>
  <div>
    <el-menu theme="dark" :default-active="activeIndex" mode="horizontal" @select="handleSelect">
      <el-menu-item index="1">List of Posts</el-menu-item>
      <el-submenu index="2">
        <template slot="title">Documentation</template>
        <el-menu-item index="2-1"><a href="https://nuxtjs.org/guide" target="_blank">NUXT</a></el-menu-item>
        <el-menu-item index="2-2"><a href="https://vuejs.org/v2/guide/" target="_blank">Vue.js</a></el-menu-item>
        <el-menu-item index="2-3"><a href="http://element.eleme.io/#/en-US/component/installation" target="_blank">Element</a></el-menu-item>
      </el-submenu>

aytdm

/*
** Add element-ui in our app, see plugins/element-ui.js file
*/
plugins: ['plugins/element-ui.js'],
css: [
  'element-ui/lib/theme-default/index.css'
]

aytdm

import Vue from 'vue'

const ElementUI = require('element-ui')
const locale = require('element-ui/lib/locale/lang/ja')
Vue.use(ElementUI, { locale })