ホームページ > PHPフレームワーク > Laravel > laravelはvueをサポートしていますか?

laravelはvueをサポートしていますか?

(*-*)浩
リリース: 2019-10-30 11:01:00
オリジナル
3221 人が閲覧しました

Vue.js の使い方を学び始める前に、まず Laravel プロジェクトに Vue.js を導入する必要があります。ここでは最も簡単な方法を選択します。 対応するオープン バージョンの JS ファイル (http://vuejs.org/) を直接ダウンロードします。 js/vue.js) をダウンロードし、ダウンロードした vue.js ファイルをパブリック ディレクトリの下の js ディレクトリに配置します (js ディレクトリがない場合は作成します)。

laravelはvueをサポートしていますか?

#Hello World (推奨学習: laravel 開発)# #他の言語/フレームワークの学習と同様に、Hello World を出力することから始めましょう。同時に、Vue の機能の 1 つであるデータ バインディングを学習します。

Laravel が提供するビュー ファイル 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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート