个人笔记-----Vue中多个router-view应用【如有不对，欢迎指正】

单个

<router-view/>

<router-view/>

<router-view/>

name

<router-view/>

component

多个

<router-view/>

name

<router-view/>

components

<div>
<router-view/>
<router-view class="left" name="nav" />
<router-view class="right" name="con" />
</div>

然后在

router.js

component

components

components

nav:AboutNav,

nav

<router-view name="nav" />

name

nav:AboutNav,

AboutNav

import AboutNav from './views/AboutNav.vue'

AboutNav

import AboutCon from './views/AboutCon.vue'
import AboutNav from './views/AboutNav.vue'

{
path: '/about',
name: 'about',
components: {
nav:AboutNav,
con:AboutCon
}
}