Laravel prend-il en charge Vue ?

Avant de commencer à apprendre à utiliser Vue.js, nous devons d'abord l'introduire dans notre projet Laravel. Ici, je choisis la manière la plus simple, télécharger directement le fichier JS de la version ouverte correspondante (http://vuejs.org/). js/ vue.js), puis placez le fichier vue.js téléchargé dans le répertoire js sous le répertoire public (créez-le s'il n'y a pas de répertoire js).

Hello World (Apprentissage recommandé : développement laravel)

Comme tout autre apprentissage de langage/framework, commençons par imprimer Hello World, et en même temps nous apprendrons l'une des fonctionnalités fonctionnelles de Vue : la liaison de données.

Nous utilisons le fichier de vue bienvenue.blade.php fourni par Laravel comme fichier de démonstration Avant de commencer, introduisez vue.js avant 73a6ac4ed44ffec12cee46588e518a5e :

<script type="text/javascript" src="{{asset(&#39;js/vue.js&#39;)}}"></script>

Ensuite, nous éditons bienvenue. Le contenu du fichier blade.php est le suivant :

<div class="container">
     <div class="content">
         <div class="title">
             <p>@{{ message }}</p>
         </div>
     </div>
 </div>

En parallèle, écrivez une partie du code js :

<script type="text/javascript">
      new Vue({
         el: &#39;.title&#39;,
         data: {
             message: &#39;Hello Laravel!&#39;
         }
     })
 </script>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!