重要な方法vue-

当页面正在方位是触发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、ジャンプルート

おすすめ

転載: www.cnblogs.com/mqhpy/p/12074676.html