0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Vue.jsをCDNで使う (やることはコピペだけ!)

Posted at

#簡単にいろいろなアクションやイベントを実行することができるVue.js!

そのVue.jsを簡単に導入するには、**CDN(コンテンツデリバリーネットワーク)**を使うのが最も簡単かと思います。

CDN(コンテンツデリバリーネットワーク)とは

CDNとは、端的に言うと、コンテンツ(ここではVue.jsのこと)を早く簡単に使えるようにできるものです。

:point_down:詳しく知りたい方はこちら:point_down:
・[https://business.ntt-east.co.jp/content/cloudsolution/column-66.html]
・[https://www.kagoya.jp/howto/network/cdn/]

では実際に実装してみましょう(コピペだけですが!)

どのページでもVue.jsを使用できるようにするには、<head>にCDNを挿入するだけでOK!
もしくはVue.jsを使用するhtmlページに挿入するだけでOK!

application.html
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
</body>

:sunny:以上!超絶簡単ですね!:sunny:

上記のCDNはVue.jsの最新版を毎回採用

:warning:注意点:warning:

実際の開発現場では、バグやエラーを回避するために、バージョンを固定する場合が多い!
:point_right_tone2:本番環境での開発は、バージョンが指定されたCDNがおすすめです。

application.html
<head>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
</head>
<body>
</body>

Vue.jsのCDNをググる↓
[https://jp.vuejs.org/v2/guide/installation.html]

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?