この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:2
ページ更新者:atom
更新日時:2019-06-29 18:12:07

タイトル: インストール
SEOタイトル: Vue.jsのインストール方法

ファイルのダウンロード

公式サイトにアクセス。

開発用の(vue.js)および

本番用の(vue.min.js)をダウンロードする。

 

ファイルの読み込み

以下、簡単なサンプルを用いてvue.jsを読み込みます。

index.html
<!DOCTYPE html>
<html>
  <body>
    <div id="app">
     
{{ message }}
    </div>
    <script src="vue.js"></script>
    <script src="sample.js"></script>

  </body>
</html>

 

sample.js
var app = new Vue({
  el: '#app',
  data: {message: 'Vue Sample'}
})

index.htmlにアクセスして'Vue Sample'が表示されれば完了です。

 

以上でvue.jsの導入は完了です。

開発/本番の切り替えはプログラムで行ってください。(言語によってさまざまの方法があるので割愛します)