解决[Vue warn]：Error in render:

vue渲染异步加载的数据和操作含异步加载数据的dom，这两大类情况，特别容易出现Vue warn]：Error in render: "TypeError: Cannot read property '0' of undefined"

vue在挂载dom树后，异步加载数据和渲染数据是并行的，有时渲染快于异步数据获取，就会出现读不到数据报错的情况。

vue项目中，页面会根据异步请求数据次数进行多次渲染。所以在项目中要特别注意两点：

（1）含异步数据的dom，为保证获取数据先于渲染，一定要加v-if；

（2）想操作含异步数据的dom，一定要在异步获取数据成功后，使用this.$nextTick()将dom操作放在再次渲染后的回调中。如果页面包含多次异步请求，为不影响性能，所有异步请求使用promise封装，待判断全部数据获取后，执行this.$nextTick()确保全部渲染成功后再执行dom操作。

（1）视图层加v-if；

（2）dom操作放在this.$nextTick()渲染完成的回调中；

严谨角度讲，dom操作不应该放到created()或mounted()中，当然异步请求次数很少的情况下可以在created()、mounted()里套个setTimeOut或this.$nextTick()。