【更新・追記】【Vue.js】Vue.jsのあれこれ(Laravel)

Vue.js

※随時加筆していきます。

Vue.js3系 Composition APIをどのように書けば良いのか

別ディレクトリにコンポーネント(components)やモジュール(modules)などで機能ごとにJSファイルを分け(export)、それらを対象のblade.phpでimportする。createApp、setupで諸々定義してreturn。最後にmountする。

cf) なぜ Composition API なのか?

components コンポーネントとmodules モジュールの違いは何か

コンポーネントはtemplate(html等)を含む。モジュールは機能ごとに特有な処理(検証、登録等)を記述する。

createAppとは何か

メソッドのこと。アプリケーションインスタンス(application instance) を返す。

アプリケーションインスタンスとは何か

Vue.createApp().mount('#app');

cf) アプリケーションインスタンス

ここではVueアプリケーションを実行可能な状態にすること。Vue.js2系では、new VueでVueインスタンスを作成していたが、Vue.js3系ではcreateAppがその役を担う。インスタンスを作成し、これをマウントする。つまり、Vueアプリケーションを適用する範囲を指定している(#app)。