この記事は、Vue.jsルーターの使い方をまとめたものです(コード付き)。必要な方は参考にしていただければ幸いです。
デフォルトでラベルを表示するには、 ラベルを変更します
<router-link to="/" class="nav-link">主页</router-link>
は、次のように tag 属性を使用して変更できます。
<router-link to="/" tag="p" class="nav-link">主页</router-link>
以下のコードからわかるように、to の値は homelink によって変更できます。つまり、設定したロジックを通じて homelink の値に影響を与えることができます。
<router-link :to="homelink" tag="p" class="nav-link">主页</router-link> export default { data(){ return{ homelink:'/' } }, name: "Header" }
入力アドレス入力エラー処理
ルーター設定に
{path:'*',redirect:'/'}
const router= new VueRouter({ routes:[ {path:'/',component:Home}, {path:'/menu',component:Menu}, {path:'/admin',component:Admin}, {path:'/about',component:About}, {path:'/login',component:Login}, {path:'/register',component:Register}, {path:'*',redirect:'/'} //错误跳转处理 ,将跳转到 Home 组件 ], mode:"history" });
入力が存在しませんmain.js ファイルの下の項目 アドレス、ページはホームコンポーネントにジャンプします
ルート名属性
//main.js
const router= new VueRouter({
routes:[
{path:'/',name:'home',component:Home}, name属性为 home
{path:'/menu',name:'menu',component:Menu},
{path:'/admin',name:'admin',component:Admin},
{path:'/about',name:'about',component:About},
{path:'/login',name:'login',component:Login},
{path:'/register',name:'register',component:Register},
{path:'*',redirect:'/'}
],
mode:"history"
});
name 属性を使用してルーティング アドレスを指定します (to の前に: を忘れずに追加してください)<ul class="navbar-nav"> <li><router-link :to="{name:'home'}" class="nav-link">主页</router-link></li> <li><router-link :to="{name:'menu'}" class="nav-link">菜单</router-link></li> <li><router-link to="admin" class="nav-link">管理</router-link></li> <li><router-link to="about" class="nav-link">关于我们</router-link></li> </ul>
ルート ジャンプ方法
//html <button @click="goToMenu" class="btn btn-success">Let`s order</button> //js export default { name: "Home", methods:{ goToMenu(){ //跳转到上一次浏览的页面 this.$router.go(-1); //指定跳转的地址 this.$router.replace('/menu') //指定跳转路由的名字下(路由name值) this.$router.replace({name:'menu'}); //通过 push 进行跳转(最常用) this.$router.push('/menu'); this.$router.push({name:'menu'}); } } }関連推奨事項:
vue.js の設定方法の紹介router
Vue.js以上がVue.jsルーターの使い方まとめ(コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

WebStorm Mac版
便利なJavaScript開発ツール

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。
