vantabs多页渲染_vue-day15----渲染时因异步易报错的点、分类页面数据渲染、CategoryContainer.vue进入Classify.vue-动态路由、tab切换动画-vant...

### 渲染时因异步易报错的点

深层次的找到某个值：

{ {childrenList[0].class2Name.name}}

此时容易报错：

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "TypeError: Cannot read property 'class2Name' of undefined"

found in

---> at src/pages/Category/CategoryContainer.vue

at src/pages/Category/index.vue

at src/App.vue

解决：

(1)加 v-if 判断：

{ {childrenList[0].class2Name.name}}

(2)三目运算判断：

{ {childrenList[0]?childrenList[0].class2Name.name:""}}

{ {item.name}}

报class3Group不存在，解决：

{ {item.name}}

### 分类页面数据渲染

分析思路：分类页面Category中有三个组件：分别是index.vue(主体部分----父组件)、CategoryTab.vue(左侧ta