描述：
用路由方式實現(xiàn)單頁面加載多頁面亭罪，并且切換頁面后狀態(tài)還是保存的，類似于單頁面實現(xiàn)標簽頁应役，切換標簽頁實現(xiàn)內(nèi)容顯示隱藏情组。
正常情況是（1）把其它頁面作為組件形式先引入，然后動態(tài)切換組件標簽院崇；亦或者（2）直接路由跳轉(zhuǎn)到目標頁面；
（1）的情況需要預先引入所有組件底瓣。
（2）的情況路由跳轉(zhuǎn)了谢揪，想保存其它的頁面需要寫狀態(tài)保存捐凭。
import codeDictManagePage from "xxxxx"
// 路由配置
routes: [
{ // ------- 配置1 -----------
path: '',
components: {
default:index,
},
children:[
{
path:'',
components:{
codeDictManage:codeDictManagePage // codeDictManage為name
}
}
]
},
{// ------- 配置2 -----------
path: '/',
components: {
default:Index,
codeDictManage:codeDictManage
}
}
]
循環(huán)生成 router-view 標簽，根據(jù)name不同茁肠，引入不同的路由頁患民。例如：pageUrl = "codeDictManage"官套，則會在router-view標簽內(nèi)引入codeDictManagePage頁面
<!-- 循環(huán)生成 router-view 標簽 -->
<router-view> <!-- 正常這里是默認default，即index頁面 -->
<router-view :name="pageUrl"></router-view><!-- 這里根據(jù)name名引入不同的頁面 -->
</router-view>
注意事項：
1.地址欄如果是 “l(fā)ocalhost:8080/”奶赔，則會使用 配置2 的路由，那么“配置1”的路由配置就不生效了站刑。
2.如果使用“配置2”另伍，并且“default”與“codeDictManage”的 <router-view> 標簽是嵌套關(guān)系的寫法，則不能引入顯示“codeDictManage”路由绞旅。只能平級插入<router-view>標簽摆尝。
--------------------分割線------------------------
init by xxy 2018-08-22
