ラベル属性ルータリンクの正確なアクティブ:
当页面正在方位是触发router-link-exact-active
=へのタグのルータリンク
ページがジャンプします]タブではなく、単一ページの操作を使用し、そう=ページでないジャンプにこのタグルータ・リンクを使用します
vue-router配置路由:
<router-link to=""></router-link> | this.$router.push() 完成跳转
<router-view /> 完成页面组件的占位
在router/index.js中 完成路由配置 路径-视图组件 映射关系
两种路由传参
配置 跳转 获取
path:'/user' to="/user?pk=1" $route.query.pk
path:'/user/:pk' to="/user/1" $route.params.pk
:to="{name:'user'}" #如同Django中的路由反向解析
グローバルスタイルの設定、main.jsで設定が必要です
グローバルスタイルの設定:公式の提唱者は、負荷の静的なファイルを必要と@は、srcフォルダへの絶対パスを表し
VUE、プロジェクトのライフサイクル:
1、負荷main.jsにプロジェクト、メインスクリプトファイルを起動し
、Vueの環境をロードした仕上げにレンダリングするためのルート・コンポーネントを作成する
ローディングシステムの既存のサードパーティの環境:ルータ、店舗
その環境のカスタム設定をロードサードパーティの環境:プロジェクトの増加に伴い追加し続けます
コンポーネント間のマッピング - 2、ルータがロードされ、それはスクリプトファイルフォルダindex.jsルータ、完全なルートを解析します
3は、ルーティングを設定する(index.jsルータの中で)ルートに配置された(フォルダビューで)新しいアセンブリ.vueビューは、ジャンプ(Nav.vueナビゲーションバーアセンブリ)
VUEフックのライフサイクル
ライフサイクルフック:
- 1)多数のノードの破壊からコンポーネントを作成する方法は、時間をコールバック
- 2)これらの方法の例は、アセンブリVUEのメンバーであります
- 3)フックのライフサイクルの役割が行われるノードの何かのニーズの異なる時間に満たすことがあります
- コンポーネントのライフサイクルをフック:アセンブリ作成から特定のコールバック時刻ノードにおける方法の全体のライフサイクルを破壊するために
作成した(){}この方法は、より一般的にここで後端ロードパスに使用され、完全な背景データ要求を==>(データの先端)
マウント(){非常に時間がかかるが、要求されたデータ・バックを完了します}
知識をルーティングVUEの概要
'''
路由知识点概况:
1)路由配置:router/index.js
2)路由跳转与路由渲染:router-link、router-view、$router.push、$router.go
3)路由传参:两种传参
'''
ルータでは1、
2、ジャンプルート