检查版本
确定当前的vue
版本的是2.1+
因为include
和exclude
是vue2.1.0
新增的两个属性.
package.json
"vue": "^2.5.2",
检查name
注意,不是router.js
中的name
,而是单个vue
组件中的name
属性.
建议将router.js
中的name
和vue
组件的name
保持一致,不要混乱.
1. export default {
2. name: "index"
3. }
多层嵌套
网上的答案几乎都是检查vue组件的name属性,但还是有一个巨坑.
那就是多级嵌套<router-view></router-view>
,但凡有超过两个以上的router-view
且是父子级关系,请都加上keep-alive
,只加一个不会生效.
// app.vue
<keep-alive include="app,index">
<router-view></router-view>
</keep-alive>
// other.vue
<keep-alive include="app,index">
<router-view></router-view>
</keep-alive>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。