Usando o Vue.js no Laravel 5.3

Nos projetos do Laravel anteriores à 5.3, eu utilizava o Vue.js usando a tag de script como esta:

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

Eu criaria uma instância do Vue específica para essa página como esta:

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

e vincule-o ao div # id relevante no meu HTML.

Agora, no Laravel 5.3, o Vue.js vem com um pacote e sei que posso usar os componentes descritos nos documentos usando gulp / elixir; no entanto, minha pergunta ése eu quiser criar uma instância do Vue.js. como mencionei, ou seja, onde eu crio uma instância do Vue.js estritamente para uma determinada página (não um componente), como faço?

Posso configurá-lo como antes, importando a biblioteca vue.js em uma tag de script ou posso usar o app.js gerado?

Não devo fazer dessa maneira, devo criar componentes para tudo?

Para mim, não faz sentido criar um componente para algo que estou usando apenas uma vez - achei que o objetivo dos componentes era que eles fossem reutilizáveis - você pode usá-lo em mais de um local. Conforme mencionado nos documentos do Vue.js.

Os componentes são um dos recursos mais poderosos do Vue.js. Eles ajudam a estender elementos HTML básicos para encapsularcódigo reutilizável.

Qualquer conselho seria apreciado, obrigado!

questionAnswers(3)

yourAnswerToTheQuestion