鏈夊嚑绉嶅彲鑳界殑瑙ｅ喅鏂规硶锛?/p>

1. 纭繚浣犵殑璺敱閰嶇疆姝ｇ‘锛氭鏌ヤ綘鐨勮矾鐢遍厤缃槸鍚︽纭紝纭繚鍦ㄩ渶瑕佹樉绀?code><router-view>鐨勫湴鏂规湁瀵瑰簲鐨勮矾鐢遍厤缃€?/p>

2. 妫€鏌ヨ矾鐢辨ā寮忥細濡傛灉浣犱娇鐢ㄧ殑鏄?code>hash妯″紡锛岀‘淇濅綘鐨刄RL涓湁#绗﹀彿锛屽鏋滀娇鐢ㄧ殑鏄?code>history妯″紡锛岀‘淇濅綘鐨勬湇鍔″櫒宸茬粡姝ｇ‘閰嶇疆銆?/p>

3. 妫€鏌ヨ矾鐢卞疄渚嬶細鍦ㄩ渶瑕佹樉绀?code><router-view>鐨勭粍浠朵腑锛岀‘淇濅綘宸茬粡姝ｇ‘娉ㄥ唽浜嗚矾鐢卞疄渚嬶紝骞朵笖鍦ㄧ粍浠朵腑浣跨敤浜?code><router-view>鏍囩銆?/p>

4. 妫€鏌ヨ矾鐢辨噿鍔犺浇锛氬鏋滀綘浣跨敤浜嗚矾鐢辨噿鍔犺浇锛岀‘淇濅綘宸茬粡姝ｇ‘閰嶇疆浜?code>import()骞朵笖鍦ㄨ矾鐢遍厤缃腑浣跨敤浜?code>component: () => import('xxx.vue')銆?/p>

5. 妫€鏌ヨ矾鐢辩殑宓屽锛氬鏋滀綘鐨勮矾鐢遍厤缃腑瀛樺湪宓屽璺敱锛岀‘淇濅綘鍦ㄧ埗璺敱缁勪欢涓娇鐢ㄤ簡<router-view>鏍囩銆?/p>

濡傛灉浠ヤ笂鏂规硶閮芥棤娉曡В鍐抽棶棰橈紝寤鸿灏濊瘯閲嶆柊鏋勫缓椤圭洰锛屾垨鑰呮煡鐪嬫祻瑙堝櫒鎺у埗鍙版槸鍚︽湁鐩稿叧閿欒淇℃伅銆?/p>