Nuxt.jsで1ページだけ jQuery やbootstrapを使う

Nuxt.jsで1ページだけ jQuery やbootstrapを使う

kazuya_saito/イデアルファーロ株式会社 CEO

公式に書いてありました。。。今回はbootstrapを入れます。

pages/ ディレクトリの .vue ファイル内でリソースをインクルードします:

<template>
 <h1>About page with jQuery and Roboto font</h1>
</template>
<script>
export default {
  head() {
    return {
      script: [
        {
          src:
            "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"
        }
      ],
      link: [
        {
          rel: "stylesheet",
          href:
            "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
        }
      ]
    };
  },
</script>
<style scoped>
h1 {
 font-family: Roboto, sans-serif;
}
</style>
この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
kazuya_saito/イデアルファーロ株式会社 CEO
CEO(https://idealfaro.com/)。 自己紹介詳細(http://bit.ly/37VdEfB) 世界初のAIケアプラン作成支援ソフト「パッチリ」を日本IBMと開発。IBM Cloud & AI Conferenceにて変革を実現する企業として紹介。