Question

vue 子路由切换出现闪烁的问题。

Answer 1

用 vue-cli 创建的初始模板里面，并没有 vue-router，需要通过 npm 安装
cnpm i vue-router -D

安装完成后，在 src 文件夹下，创建一个 routers.js 文件，和 main.js 平级
然后在 router.js 中引入所需的组件，创建 routers 对象
import Home from './components/home.vue'

const routers = [
{
path: '/home',
name: 'home',
component: Home
}，
{
path: '/',
component: Home
}，
]
export default routers

在创建的 routers 对象中， path 配置了路由的路径，component 配置了映射的组件
需要注意的是，export default routers 必须写在文件底部，而且后面还需要接一空行，否则无法通过 ESlint 语法验证

Answer 2

是不是加了transition. 有没有加mode='out-in' ?