laravelにはvueが組み込まれていますか?
Laravel には組み込みの vue がありません。laravel は PHP 言語で書かれた Web プログラム開発フレームワークであり、vue はユーザー インターフェイスを作成するためのオープン ソースの JavaScript フレームワークです。Vue は laravel にデプロイできますが、 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>Hello World!</h1>
</div>
</template>
<script>
export default{
data(){
return {
}
}
}
</script>/resources/assets/js の下に新しいフォルダー ルーターを作成し、その中に hello.js を作成し、ネストされたルーティング構成を通じて新しく作成された HelloComponent コンポーネントに hello ルートをマップします。コードは次のとおりです。
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
export default new VueRouter({
saveScrollPosition: true,
routes: [
{
name: "hello",
path: '/',
component: resolve =>void(require(['../components/HelloComponent.vue'], resolve))
},
]
})現在のlaravelプロジェクトの/resources/assets/jsの下に、メインインターフェイスとネストされたルーティングビューとして新しいhello.vueを作成します。コードは次のとおりです。
<template>
<div>
<h1>Hello</h1>
<router-view></router-view>
</div>
</template>
<script>
export default{
data(){
return {
}
}
}
</script>次に、/resources/assets/js に hello.js を作成します。コードは次のとおりです。
require('./bootstrap');
window.Vue = require('vue');
import Vue from 'vue'
import App from './hello.vue'
import router from './router/hello.js'
const app = new Vue({
el: '#app',
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('js/manifest.js') }}"></script>
<script src="{{ mix('js/vendor.js') }}"></script>
<script src="{{ mix('js/hello.js') }}"></script>
</body>
</html>/resources/routes/web.php に新しいルートを追加します。コードは次のとおりです。
Route::view('/hello','/hello');
webpack.mix.jsを変更すると、コードは次のようになります。
mix.js('resources/assets/js/app.js', 'public/js') .js('resources/assets/js/hello.js', 'public/js') .extract(['vue', "vue-router", "axios"]) .sass('resources/assets/sass/app.scss', 'public/css');
保存後、コマンド ラインのプロジェクト ディレクトリで 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 サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7517
15
1378
52
79
11
21
66
Laravel と CodeIgniter の最新バージョンの比較
Jun 05, 2024 pm 05:29 PM
Laravel 9 と CodeIgniter 4 の最新バージョンでは、更新された機能と改善が提供されます。 Laravel9はMVCアーキテクチャを採用しており、データベース移行、認証、テンプレートエンジンなどの機能を提供します。 CodeIgniter4 は、HMVC アーキテクチャを使用してルーティング、ORM、およびキャッシュを提供します。パフォーマンスの面では、Laravel9 のサービスプロバイダーベースの設計パターンと CodeIgniter4 の軽量フレームワークにより、優れたパフォーマンスが得られます。実際のアプリケーションでは、Laravel9 は柔軟性と強力な機能を必要とする複雑なプロジェクトに適しており、CodeIgniter4 は迅速な開発や小規模なアプリケーションに適しています。
Laravel と CodeIgniter のデータ処理機能はどのように比較されますか?
Jun 01, 2024 pm 01:34 PM
Laravel と CodeIgniter のデータ処理機能を比較します。 ORM: Laravel はクラスとオブジェクトのリレーショナル マッピングを提供する EloquentORM を使用しますが、CodeIgniter は ActiveRecord を使用してデータベース モデルを PHP クラスのサブクラスとして表します。クエリビルダー: Laravel には柔軟なチェーンクエリ API がありますが、CodeIgniter のクエリビルダーはよりシンプルで配列ベースです。データ検証: Laravel はカスタム検証ルールをサポートする Validator クラスを提供しますが、CodeIgniter には組み込みの検証関数が少なく、カスタム ルールの手動コーディングが必要です。実践例：ユーザー登録例はLarを示しています
Laravel と CodeIgniter ではどちらが初心者に優しいでしょうか?
Jun 05, 2024 pm 07:50 PM
初心者にとって、CodeIgniter は学習曲線が緩やかで機能は少ないですが、基本的なニーズはカバーしています。 Laravel は幅広い機能セットを提供しますが、学習曲線はわずかに急になります。パフォーマンスの点では、Laravel と CodeIgniter はどちらも良好なパフォーマンスを示します。 Laravel にはより広範なドキュメントとアクティブなコミュニティ サポートがあり、CodeIgniter はよりシンプルで軽量で、強力なセキュリティ機能を備えています。ブログアプリケーションを構築する実際のケースでは、Laravel の EloquentORM を使用するとデータ操作が簡素化されますが、CodeIgniter ではより手動の構成が必要になります。
Laravel - アーティザンコマンド
Aug 27, 2024 am 10:51 AM
Laravel - アーティザン コマンド - Laravel 5.7 には、新しいコマンドを処理およびテストするための新しい方法が付属しています。これには職人コマンドをテストする新しい機能が含まれており、そのデモについては以下で説明します。
Laravel と CodeIgniter: 大規模プロジェクトにはどちらのフレームワークが適していますか?
Jun 04, 2024 am 09:09 AM
大規模プロジェクト用のフレームワークを選択する場合、Laravel と CodeIgniter にはそれぞれ独自の利点があります。 Laravel はエンタープライズレベルのアプリケーション向けに設計されており、モジュール設計、依存関係の注入、強力な機能セットを提供します。 CodeIgniter は、速度と使いやすさを重視した、小規模から中規模のプロジェクトに適した軽量フレームワークです。複雑な要件と多数のユーザーを伴う大規模なプロジェクトには、Laravel のパワーとスケーラビリティがより適しています。単純なプロジェクトやリソースが限られている状況では、CodeIgniter の軽量で迅速な開発機能がより理想的です。
PHP エンタープライズ アプリケーション マイクロサービス アーキテクチャ設計に関する Q&A
May 07, 2024 am 09:36 AM
マイクロサービス アーキテクチャは、PHP フレームワーク (Symfony や Laravel など) を使用してマイクロサービスを実装し、RESTful 原則と標準データ形式に従って API を設計します。マイクロサービスはメッセージ キュー、HTTP リクエスト、または gRPC を介して通信し、監視とトラブルシューティングに Prometheus や ELKStack などのツールを使用します。
Laravel と CodeIgniter: 小規模プロジェクトにはどちらのフレームワークが適していますか?
Jun 04, 2024 pm 05:29 PM
小規模なプロジェクトの場合、Laravel は強力な機能とセキュリティを必要とする大規模なプロジェクトに適しています。 CodeIgniter は、軽量さと使いやすさを必要とする非常に小規模なプロジェクトに適しています。
Laravel と CodeIgniter ではどちらのテンプレート エンジンが優れていますか?
Jun 03, 2024 am 11:30 AM
Laravel の Blade と CodeIgniter の Twig テンプレート エンジンを比較し、プロジェクトのニーズと個人的な好みに基づいて選択してください。Blade は MVC 構文に基づいており、適切なコード編成とテンプレートの継承を促進します。 Twig は、柔軟な構文、強力なフィルター、拡張サポート、セキュリティ サンドボックスを提供するサードパーティ ライブラリです。
