ビュー--- day04

VSコード

クロムデバッグツールのデバッガ

デバッガ:(VSCodeブラウザとのリンク、ブラウザのソースを生成します)

vue.config.js babel.config.js ------ Vueの設定項目

launch.json ------ VSCodeデバッグ構成アイテムが自動的に生成されWEBROOT作業ディレクトリのURL、IP +ポート番号

// vue.config.js

module.exportsは= {

  //設定WebPACKの中devtool

  configureWebpack:{

    devtool:「ソースマップ」

  }

}

// babel.config.js

module.exportsは= {

  "ENV":{

    "開発":{

      "SourceMaps":真、//位置情報

      「RetainLines」:真//リザーブライン番号

    }

  }、

  プリセット:{

    ビュー/アプリ「// @  @ビュー/バベル-プリセットアプリ 

  }

}

 

Vueのルータネストされたルートは、ルートの名前

   実施例CI:モードルータルータ[0] .pathルータ[0] .componentルータ[0] .children

VUEルータは、二つの成分注入特性です。

  $ルータ)(新しいVueRouterを得るために、オブジェクトのインスタンスオブジェクト  

  現在のルーティング情報と一致$ルートオブジェクト

    $ route.paramsのダイナミックルーティングの詳細については

<ルータ・リンク>リンク、ジャンプアプリ

  < ルータ・リンク=に「程度/」>について</ ルータリンク>

  < ルータ-リンク  タグ= 「李」  =する「/について」>  < A>について</ A>  </ ルータリンク>アクティブクラスは、リンクが真になるために、ラベルliの外側に適用されています

  それはサポートしていませんtarget="_blank"プロパティを

  のみ使用できる新しいタブを開きます。

表示ネストされた名前空間の名前付き<ルータ - ビュー>ビュー

  ビュー名前付き、デフォルトはデフォルトです

  <ルータ・ビュー名=「」> </ルータビュー> 

ルーティングとビューは、1つのページを達成するために一緒に一緒に使用しました

 

グローバルフィルタ

  Vue.filter( "マイ・フィルタ"、関数(値){})//注册  

  VAR myFilterを= Vue.filter(「私のフィルター」)//ゲッター戻って登録されているフィルタ

オプション/フィルターローカルフィルタ

  使い方のサポートパイプライン演算子{{ "ABCDEF" |生かします}}

  フィルター:{  

    大文字:関数(値){

      (!値)であれば、戻り'';

      値= value.toString()。

      リターンvalue.charAt(0).toUpperCase()+ value.slice(1)。

     }

  }

 

ナビゲーションガード

  ルートが変更され、「ナビゲーション」の手段

  グローバルフロントガードガードにガードグローバルセットグローバル解決したら

  排他的なガードガードアセンブリ内のルーティング

メタ情報をルーティング

 $route.matched ---数组, 一个路由匹配的所有路由记录

遷移動的効率

   <router-view> 基本的なダイナミックコンポーネントは、我々が使用できるように、ある  <transition> いくつかのトランジション効果コンポーネントを追加します

   <transition>

    <router-view></router-view>

   </transition>

   動的遷移遷移経路に基づいて単一のルーティング 

スクロール動作:のみサポート  history.pushState 可能なブラウザ

 

おすすめ

転載: www.cnblogs.com/baota/p/12337625.html