In Laravel-Projekten vor 5.3 habe ich Vue.js mit dem folgenden Skript-Tag verwendet:

<script type="text/javascript" src="../js/vue.js"></script>

Ich würde dann eine für diese Seite spezifische Vue-Instanz wie folgt erstellen:

<script>
    new Vue({
      el: '#app',
      data: {
        message: 'Hello Vue.js!'
      }
    });
</script>

und binde es dann an die entsprechende div # id in meinem HTML.

Nun, in Laravel 5.3 wird Vue.js gebündelt geliefert und mir ist voll bewusst, dass ich mit gulp / elixir Komponenten wie in den Dokumenten beschrieben verwenden kann. Meine Frage lautet jedochwenn ich eine Vue.js-Instanz wie oben beschrieben erstellen möchte, d. h. wo ich eine Vue.js-Instanz ausschließlich für eine bestimmte Seite (keine Komponente) erstelle, wie mache ich das?

Habe ich es wie früher eingerichtet, indem ich die vue.js-Bibliothek in ein Skript-Tag importiert habe, oder kann ich generierte app.js verwenden?

Am ich sollte es nicht so machen, sollte ich Komponenten für alles erstellen?

Für mich ist es nicht sinnvoll, eine Komponente für etwas zu erstellen, das ich nur einmal benutze. Ich dachte, der Zweck von Komponenten besteht darin, dass sie wiederverwendbar sind. Sie können sie an mehreren Stellen verwenden. Wie in den Vue.js-Dokumenten erwähnt:

Components sind eine der leistungsstärksten Funktionen von Vue.js. Sie helfen Ihnen dabei, grundlegende HTML-Elemente zu erweitern, um @ zu kapselwiederverwendbarer Code.

Jeder Rat wäre dankbar, danke!