【更新・追記】【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)。

javascript, programming, Vue.js

Posted by 異世界攻略班