v2シリーズとv3シリーズの対応

※ v3 という表現は誤り

    vue/cli シリーズと @vue-cli シリーズの意味

モジュールのインストール

<v2> CDN

<v3> NPM

ファイル構成

<v2> テンプレートおよびスクリプトは js ファイル、スタイルは css ファイル

<v3> 単一ファイルコンポーネント ( .vue ファイル )

ページ

<v2> js/pages 以下

<v3> views 以下

コンポーネント

<v2> js/contents 以下

<v3> components 以下

アニメーション

<v2> animate.css ( CDNインストール )

<v3> v-animate-css ( NPM インストール )

ツールバー / フッタ

<v2> HTML は index.html に、Script は main.js に書く

<v3> Toolbar.vue / Footer.vue

※ なお、v2 では以下のタグを <div></div> でくくる必要あり

• <v-toolbar-side-icon></v-toolbar-side-icon>
• <v-toolbar-items><v-toolbar-items>

Firebase

<v2> https://www.gstatic.com/firebasejs/5.8.2/firebase.js ( CDNインストール )

<v3> npm install firebase

Firebase Config

<v2> アンドロイド用

<v3> Web用