タイトル: インストール
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の導入は完了です。
開発/本番の切り替えはプログラムで行ってください。(言語によってさまざまの方法があるので割愛します)