Vue.js の使い方を学び始める前に、まず Laravel プロジェクトに Vue.js を導入する必要があります。ここでは最も簡単な方法を選択します。 対応するオープン バージョンの JS ファイル (http://vuejs.org/) を直接ダウンロードします。 js/vue.js) をダウンロードし、ダウンロードした vue.js ファイルをパブリック ディレクトリの下の js ディレクトリに配置します (js ディレクトリがない場合は作成します)。
#Hello World (推奨学習: laravel 開発)# #他の言語/フレームワークの学習と同様に、Hello World を出力することから始めましょう。同時に、Vue の機能の 1 つであるデータ バインディングを学習します。
Laravel が提供するビュー ファイル welcome.blade.php をデモ ファイルとして使用します。開始する前に、 の前に vue.js を導入します。
<script type="text/javascript" src="{{asset('js/vue.js')}}"></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: '.title', data: { message: 'Hello Laravel!' } }) </script>
以上がlaravelはvueをサポートしていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。