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
可能なブラウザ