JAVASCRIPT

<template>
  <p id="exscript">
    <ins class="banner"></ins>
  </p>
</template>
<script>
  export default {
    mounted() {
      let scriptEl = document.createElement('script')
      scriptEl.setAttribute('src', 'スクリプトのURL')
      document.getElementById('exscript').appendChild(scriptEl)
    }
  }
</script>

{
  "name": "hoge",
  "scripts": {
    "build": "gridsome build",
    "develop": "gridsome dev",
    "lint": "vue-cli-service lint",
    "deploy": "gridsome build && netlify deploy --dir=dist/ -p"
  }
}

<template>
  // OK
  <p v-if="!$route.params.page">1〜{{perPage}}件</p>

  // NG
  <p v-if="$route.params.page === null">1〜{{perPage}}件</p>

  // NG
  <p v-if="$route.params.page === 'undefined'">1〜{{perPage}}件</p>
</template>

plugins: [
  {
    use: 'gridsome-plugin-matomo',
    options: {
      host: 'matomoのアドレス', // https:から書くこと
      siteId: サイトID
    }
  }
]

export default function (Vue, { router, head, isClient }) {
  // 省略

  const gIndex = head.meta.findIndex(e => e.name === 'generator')
  if (gIndex !== -1) head.meta.splice(gIndex, 1)
}

yarn add @gridsome/transformer-remark

window.navigator.serviceWorker.getRegistrations()
.then(registrations => {
  for(let registration of registrations) {
    registration.unregister();
  }
});
window.location.reload(true); 

module.exports = {    
  chainWebpack: config => {
    config
      .plugin('html-inline-source')
      .use(require('html-webpack-inline-source-plugin'))
    config.plugin('html').tap(args => {
      args[0].inlineSource = '^(/css/.+\\.css)'
      return args
    })
  }
}

image: node:latest

pages:
  stage: deploy
  only:
    - master
  before_script:
    - 'yarn config set cache-folder .yarn'
    - 'yarn install'
  script:
    - 'yarn build'
    - 'mv public public_org && mv dist public'
  artifacts:
    paths:
      - public

module.exports = {
  pages: {
    index: {
      entry: 'src/main.js', // 必須パラメータ
      title: 'ページタイトル',
    }
  }
}

import Dexie from 'dexie';

const db = new Dexie('testDB');

async noteInit(){
  await db.delete();
  await db.version(1).stores({
    notes: 'fileName, noteTxt',
  });
  await db.open()
},

// page.vue (呼び出し元)
<Btn :to="'/'" :className="{active: true}">実行する！</btn>

// btn.vue (受け取り側)
<template>
  <router-link class="btn" :class="className" :to="to"><slot></slot></router-link>
</template>

const router = new Router({
  mode: 'history',
  routes: [
    {
      path: "/index.html",
      name: "index",
      redirect: '/',
    },
    {
      path: "/",
      name: "Home",
      component: () => import( './views/Home/Index.vue'),
    },
    {
      path: "/:categories(code|note|author)",
      name: "CategoryTop",
      component: () => import( './views/Categories/Detail.vue'),
    }
  ]
})

buildImgProxyUrl: function(url){
  const crypto = require('crypto');
  const key = 'CAMO_KEY'; // 自分のものに置き換える
  const hmac = crypto.createHmac('sha1', key);
  const convUrl = hmac.update(url);
  const digest = hmac.digest('hex')
  const result = 'サーバーのURL' + digest + '?url=' + encodeURIComponent(url)  // 自分のものに置き換える
  return result;
}

for(let [key, val] of Object.entries(testObj)){
  this[key] = val
}

// 以下router-viewするコンポーネントの設定
<keep-alive :include="/List/" :max="20">
  <router-view/>
</keep-alive>

// 以下キャッシュさせるコンポーネント側の設定
<script>
export default {
  name: "TopList", // ここにマッチする
}
</script>

methods: {
  someMethod(){
    setInterval(function () {
    console.log('30秒毎に処理')
      setTimeout(
        function() {
          console.log('5秒後に処理')
          setTimeout(
            function() {
              console.log('4秒後に処理')
            }.bind(this),
            4000
          );
        }.bind(this),
        5000
      );
    }.bind(this), 30000)
  },

export default {
  beforeMount () {
    window.addEventListener('scroll', this.scrollHandler);
  },
  beforeDestroy () {
    window.removeEventListener('scroll', this.scrollHandler);
  },
}

<template>
  <div v-for="data in List" :key="data.page" class="list" :id="'page-' + data.page">
    何かの表示
  </div>
<template>

data() {
  return {
    pageTotal: 0,
    pageNumber: 1,
  };
},
computed: {
  getRel: function() {
    let rel = []

    if(this.pageNumber !== 1){
      const prev = { rel: 'prev', id: 'rel-prev'}
      prev.href = this.$route.path + '?page=' + (parseInt(this.pageNumber) - 1)
      rel.push(prev)
    }
    if(parseInt(this.pageNumber) < parseInt(this.pageTotal)){
      const next = { rel: 'next', id: 'rel-next'}
      next.href = this.$route.path + '?page=' + (parseInt(this.pageNumber) + 1)
      rel.push(next)
    }
    return rel
  },
},
head: {
  link: function () {
    return this.getRel
  },
},