この記事では、Vueインスタンスの作成について学習します。
オンライン講座「Vue JS入門決定版！jQueryを使わないWeb開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ」を、世界最大級のオンライン学習プラットフォームUdemy（ユーデミー）で公開中です。
動画で学習する
Vueインスタンスの作成
早速、Vueインスタンスを作成します。
var app = new Vue({
})
new Vueの戻り値は、ルートVue インスタンスとなります。
この変数名(app)は、任意で付けてOKなのですが、
慣例として、appや vmが利用されます。
appは、アプリケーションの略で、vmはViewModelの略です。
ViewModelと聞くと、.netなどで使われているMVVMパターンを連想する方もいらっしゃると思います。
Vue.js は、MVVM パターンと厳密には関連がありませんが、部分的には影響を受けているため、vmといった変数名が使われこともあります。
ルート Vue インスタンスを変数化しておくことで、
consoleからアクセスすることができますが、利用しない場合は、変数化を省略してもOKです。
new Vue({
})
consoleからVueインスタンスにアクセスする方法については、あとのレクチャーで説明いたします。
このコースでは、原則変数名としてappを利用します。
var app = new Vue({
// options
})
これで、空のVueインスタンスの作成が行えました。
ここに、各種オプションを記述していきます。
おわりに
このレクチャでは、Vueインスタンスの作成について学習しました。
オンライン講座「Vue JS入門決定版！jQueryを使わないWeb開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ」では、Vue.jsを動画を使って学習します。
Vue.jsを使ったWeb開発に興味はあるけれど、まだ触れていない方におすすめです。
動画教材を使うことで、独学するよりも効率的に学べます。
動画で学ぶプログラミング入門
オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！
在宅学習応援！今なら複数の基礎コースが無料！！
今すぐ詳細を確認する
が、1年間で最大級となるセール「ブラックフライデーキャンペーン」を大々的にスタートしました！
請求書を1クリックで出力するマクロを作成！文系・非IT職もできるプログラミング](https://img-c.udemycdn.com/course/480x270/1506696_eace_3.jpg)