laravelにはvueが組み込まれていますか?-Laravel-php.cn

ホームページ

PHPフレームワーク

Laravel

laravelにはvueが組み込まれていますか?

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Sep 01, 2022 pm 05:09 PM

laravel

Laravel には組み込みの vue がありません。laravel は PHP 言語で書かれた Web プログラム開発フレームワークであり、vue はユーザーインターフェイスを作成するためのオープンソースの JavaScript フレームワークです。Vue は laravel にデプロイできますが、 laravelの組み込みvueには存在しません。

laravelにはvueが組み込まれていますか?

#この記事の動作環境: Windows 10 システム、Laravel バージョン 9、Dell G3 コンピューター。

laravel には vue が組み込まれていますか?

Laravel は、PHP 言語で書かれた Web プログラム開発フレームワークであり、開発者に共通のコンポーネントを提供し、Web プログラムの開発を簡素化することを目的としています。記述するコードを少なくすることで、他のプログラミング言語やフレームワークでは実現が難しい機能を実現できます。経験豊富な PHP プログラマーは、Laravel を使用するとプログラム開発がより楽しくなることがわかるでしょう。

vue は、ユーザーインターフェイスを作成するためのオープンソースの JavaScript フレームワークであり、シングルページアプリケーションを作成するための Web アプリケーションフレームワークです。Vue のコアは、MVC パターンのビュー層です。同時に、コンポーネント内の特定のメソッドを通じて、データ更新を簡単に取得し、ビューやモデルと対話します。

Laravel

Laravel は、簡潔な構文を備えた表現力豊かな Web アプリケーションフレームワークです。私たちは、開発プロセスは楽しく創造的な経験であるべきだと信じています。 Laravelでは、開発プロセスにおける不便さを軽減するよう努めており、認証、ルーティング、セッション、キャッシュなど、開発プロセスで頻繁に使用されるツールや機能を提供しています。

Laravel の目標は、アプリケーションの機能を犠牲にすることなく、開発者にとって快適な開発プロセスを作成することです。幸せな開発者は最高のコードを作成します。この目的のために、Ruby on Rails、ASP.NET MVC、Sinatra などのさまざまなフレームワークの利点を活用し、Laravel に集約しました。

vue

Vue.js (/vjuː/、または単に Vue) は、ユーザーインターフェイスとシングルページアプリケーションを作成するためのオープンソースの JavaScript フレームワークです。フレームワーク。 2016 年の JavaScript 調査では、Vue の開発者の満足度は 89% でした。 GitHub では、このプロジェクトは 1 日あたり平均 95 個のスターを獲得しており、Github 史上 3 番目に多くのスターを獲得したプロジェクトとなっています。

Vue.js は、Web 開発をより適切に整理し、簡素化するために設計された人気のある JavaScript フロントエンドフレームワークです。 Vue の中心となるのは MVC パターンのビュー層ですが、同時にデータ更新を簡単に取得し、コンポーネント内の特定のメソッドを通じてビューとモデル間の対話を実現することもできます。

Laravel で vue をデプロイする方法

laravel を作成する

まず、コンポーザーが必要です。ララベル。コマンドcomposer create-project --prefer-dist laravel/laravel blogを実行して、新しいlaravelプロジェクトを作成します(laravelの具体的な作成方法については、公式Webサイトにアクセスしてください)。

Hello world!

コマンドラインを開いてプロジェクト cd ブログを入力します

開始する前に、ご存知のとおり、さまざまな理由により、npm は外部ノードウェアハウスとしてインストールされます。ツールの動作中に速度が遅いなどの問題が発生する可能性があります。高速化のために通常はタオバオソースを使用することをお勧めします。次のコードにサフィックスを追加するだけです。ダウンロードされたプロジェクトはデフォルトの依存関係に依存します。コードは次のとおりです。

npm install  --registry=https://registry.npm.taobao.org

vue ルーティング管理をダウンロードします。コードは次のとおりです。

npm install vue-router --save-dev

次のコードを使用して、/resources/assets/js/components に新しい HelloComponent.vue カスタムコンポーネントファイルを作成します。

<template>
    <div>
        <h1 id="Hello-nbsp-World">Hello World!</h1>
    </div>
</template>
<script>
    export default{
        data(){
            return {
            }
        }
    }
</script>

/resources/assets/js の下に新しいフォルダールーターを作成し、その中に hello.js を作成し、ネストされたルーティング構成を通じて新しく作成された HelloComponent コンポーネントに hello ルートをマップします。コードは次のとおりです。

import Vue from &#39;vue&#39;
import VueRouter from &#39;vue-router&#39;
Vue.use(VueRouter)
export default new VueRouter({
    saveScrollPosition: true,
    routes: [
        {
            name: "hello",
            path: &#39;/&#39;,
            component: resolve =>void(require([&#39;../components/HelloComponent.vue&#39;], resolve))
        },
    ]
})

現在のlaravelプロジェクトの/resources/assets/jsの下に、メインインターフェイスとネストされたルーティングビューとして新しいhello.vueを作成します。コードは次のとおりです。

<template>
    <div>
        <h1 id="Hello">Hello</h1>
        <router-view></router-view>
    </div>
</template>
<script>
    export default{
        data(){
            return {
            }
        }
    }
</script>

次に、/resources/assets/js に hello.js を作成します。コードは次のとおりです。

require(&#39;./bootstrap&#39;);
window.Vue = require(&#39;vue&#39;);
import Vue from &#39;vue&#39;
import App from &#39;./hello.vue&#39;
import router from &#39;./router/hello.js&#39;
const app = new Vue({
    el: &#39;#app&#39;,
    router,
    render: h=>h(App)
});

次のコードを使用して、/resources/views の下に新しい hello.blade.php を作成します。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>Hello</title>
</head>
<body>
    <div id="app"></div>
    <script src="{{ mix(&#39;js/manifest.js&#39;) }}"></script>
    <script src="{{ mix(&#39;js/vendor.js&#39;) }}"></script>
    <script src="{{ mix(&#39;js/hello.js&#39;) }}"></script>
</body>
</html>

/resources/routes/web.php に新しいルートを追加します。コードは次のとおりです。

Route::view('/hello','/hello');

webpack.mix.jsを変更すると、コードは次のようになります。

mix.js(&#39;resources/assets/js/app.js&#39;, &#39;public/js&#39;)
   .js(&#39;resources/assets/js/hello.js&#39;, &#39;public/js&#39;)
   .extract([&#39;vue&#39;, "vue-router", "axios"])
   .sass(&#39;resources/assets/sass/app.scss&#39;, &#39;public/css&#39;);

保存後、コマンドラインのプロジェクトディレクトリで npm run watch を実行して再コンパイルします。

コマンドラインのプロジェクトディレクトリに phpArtisanserve と入力し、http:// にアクセスします。 127.0.0.1:8000/hello

Laravel 5.5 では Route::view メソッドと Route::redirect メソッドが追加されました。5.4 以前のルートは次のように記述できます Route::get(' /hello', function () {return view('hello');});

[関連する推奨事項: laravel ビデオチュートリアル ]

以上がlaravelにはvueが組み込まれていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

Laravel（PHP）vs。Python：長所と短所を計量しますApr 17, 2025 am 12:18 AM

LaravelはWebアプリケーションを迅速に構築するのに適していますが、Pythonはより広い範囲のアプリケーションシナリオに適しています。 1.Laravelは、Web開発を簡素化するために、Eloquentorm、Bladeテンプレートエンジン、職人ツールを提供します。 2。Pythonは、その動的なタイプ、リッチ標準ライブラリ、サードパーティのエコシステムで知られており、Web開発、データサイエンス、その他の分野に適しています。

Laravel vs. Python：フレームワークとライブラリの比較Apr 17, 2025 am 12:16 AM

LaravelとPythonにはそれぞれ独自の利点があります。Laravelは、機能が豊富なWebアプリケーションを迅速に構築するのに適しており、Pythonはデータサイエンスと一般的なプログラミングの分野でうまく機能します。 1.Laravelは、最新のWebアプリケーションの構築に適したEloquentormおよびBladeテンプレートエンジンを提供します。 2。Pythonには豊富な標準的な図書館とサードパーティライブラリがあり、DjangoとFlaskのフレームワークはさまざまな開発ニーズを満たしています。

Laravelの目的：堅牢でエレガントなWebアプリケーションの構築Apr 17, 2025 am 12:13 AM

Laravelは、コード構造を明確にし、開発プロセスをより芸術的にすることができるため、選択する価値があります。 1）LaravelはPHPに基づいており、MVCアーキテクチャに従い、Web開発を簡素化します。 2）Eloquentorm、Artisan Tools、Bladeテンプレートなどのコア機能は、開発の優雅さと堅牢性を高めます。 3）ルーティング、コントローラー、モデル、ビューを通じて、開発者はアプリケーションを効率的に構築できます。 4）キューやイベントモニタリングなどの高度な機能により、アプリケーションのパフォーマンスがさらに向上します。

Laravel：主にバックエンドフレームワークが説明しましたApr 17, 2025 am 12:02 AM

Laravelは、バックエンドフレームワークであるだけでなく、完全なWeb開発ソリューションでもあります。ルーティング、データベース操作、ユーザー認証などの強力なバックエンド機能を提供し、フロントエンド開発をサポートし、Webアプリケーション全体の開発効率を向上させます。

Laravel（PHP）vs。Python：重要な違いの理解Apr 17, 2025 am 12:01 AM

LaravelはWeb開発に適しており、Pythonはデータサイエンスと迅速なプロトタイピングに適しています。 1.LaravelはPHPに基づいており、Eloquentormなどのエレガントな構文とリッチ機能を提供します。 2。Pythonは、そのシンプルさで知られており、Web開発とデータサイエンスで広く使用されており、豊富なライブラリエコシステムがあります。

Laravel In Action：実際のアプリケーションと例Apr 16, 2025 am 12:02 AM

laravelcanbeefeectiveivefectively-worldapplications for buildingscalablewebsolutions.1）その概要を説明することで、lastulavel'secosystem（toolslikenovaを含むlaravel'secosystem）を拡張します

Laravelの主な機能：バックエンド開発Apr 15, 2025 am 12:14 AM

バックエンド開発におけるLaravelのコア機能には、ルーティングシステム、Eloquentorm、移行機能、キャッシュシステム、キューシステムが含まれます。 1.ルーティングシステムは、URLマッピングを簡素化し、コードの組織とメンテナンスを改善します。 2.Eloquentormは、開発効率を改善するためにオブジェクト指向のデータ操作を提供します。 3.移行関数は、バージョン制御を介してデータベース構造を管理して、一貫性を確保します。 4.キャッシュシステムは、データベースクエリを削減し、応答速度を向上させます。 5.キューシステムは、大規模なデータを効果的に処理し、ユーザー要求のブロックを避け、全体的なパフォーマンスを改善します。

Laravelのバックエンド機能：データベース、ロジックなどApr 14, 2025 am 12:04 AM

Laravelは、バックエンド開発で強く機能し、Eloquentorm、コントローラー、サービスクラスを介してデータベース操作を簡素化し、ビジネスロジックを処理し、キュー、イベント、その他の機能を提供します。 1）Eloquentormは、モデルを介してデータベーステーブルをマップしてクエリを簡素化します。 2）ビジネスロジックは、モジュール性と保守性を向上させるために、コントローラーとサービスクラスで処理されます。 3）キューシステムなどのその他の機能は、複雑なニーズの処理に役立ちます。

See all articles