Laravel은 Vue를 지원합니까?

Vue.js 사용법을 배우기 전에 먼저 Laravel 프로젝트에 도입해야 합니다. 여기서는 가장 간단한 방법을 선택합니다. 해당 개방형 JS 파일을 직접 다운로드합니다(http://vuejs.org/js/vue. js)를 다운로드한 다음 다운로드한 vue.js 파일을 public 디렉터리 아래의 js 디렉터리에 넣습니다(js 디렉터리가 없으면 만듭니다).

Hello World (권장 학습: laravel development)

다른 언어/프레임워크 학습과 마찬가지로 Hello World를 인쇄하는 것부터 시작하겠습니다. 동시에 Vue One: 데이터 바인딩.

라라벨에서 제공하는 Welcome.blade.php 뷰 파일을 데모 파일로 사용합니다. 시작하기 전에 앞에 vue.js를 소개합니다.

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

그런 다음 Welcome.blade.php 파일 내용을 다음과 같이 편집합니다. :

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

JS 코드 작성과 동시에:

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

위 내용은 Laravel은 Vue를 지원합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!