tajuszk

<template>
    <div>
        <button type="button" @click="doLogin">ログイン</button>
    </div>
</template>

<script>
  // firebase モジュール
  import firebase from 'firebase';
  export default {

tajuszk

<template>
  <div>
    <button type="button" @click="doLogout">ログアウト</button>
  </div>
</template>

<script>
  // firebase モジュール
  import firebase from 'firebase';

tajuszk

import Vue from 'vue'
import Router from 'vue-router'

// 認証済みの状態で入れるページ
import Home from '@/components/Home'

// 認証前の状態で入れるページ
import Welcome from '@/components/Welcome'

import firebase from 'firebase'

tajuszk

<template>
  <div>
    <!--  入力 & 送信  -->
    <div class="input">
      <span>Input Text : </span>
      <input v-model="input" type="text">
      <button v-on:click="submit()">Submit</button>
    </div>
    <!--  DBに保存したデータを取得してきて表示する部分  -->
    <!--  一度データを入れていないと表示しない  -->

tajuszk

import { Bar } from 'vue-chartjs'

export default {
  extends: Bar,
  mounted () {
    this.renderChart(data, options)
  }
}

tajuszk

<template>
    <MainChart class="chart"/>
    <!-- こちらの書き方でもOK -->
    <!-- <main-chart class="chart"/> -->
</template>

<script>
  import MainChart from './MainComponents/MainChart.js';
  export default {
    components: {

tajuszk

import { Bar } from 'vue-chartjs'
export default {
  extends: Bar,
  props: ['chartData', 'options'], // propsに chartData と options を定義
  mounted () {
    this.renderChart(this.chartData, this.options)
  }
}

tajuszk

<template>
  <!-- chartData に代入をしている -->
  <MainChart class="chart" :chartData="chartData"/>
</template>

<script>
  import MainChart from './MainComponents/MainChart.js';

  export default {
    data () {

tajuszk

<template>
  <!-- options を追加 -->
  <MainChart class="chart" :chartData="chartData" :options="options"/>
</template>

<script>
  import MainChart from './MainComponents/MainChart.js';
  export default {
    data () {
      return {

tajuszk

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}