vue组件渲染两次的问题

Question

<template>    <div class="temp">    {{init}}        <video :src="item.videoList[0].videourl" controls="controls" width="1000px" height='490px'>        您的浏览器不支持 video 标签。      </video>    </div></template><script>    export default {        data () {            return {                item: []            };        },        props: ['recV'],        computed: {            init () {                this.item = this.recV.slice(0, 1)[0];            }        }    };</script>渲染了两次，第一次报错，第二次成功渲染数据，问题出在哪了。。。

Answer 1

第一: 你的item为undefined, computed不应该这样.应该放到mounted

第二:itme是个数组.怎么拿item.videoList呢??
就算拿到也是undefined.
然后从undefined拿[0].怎么可能不报错呢

第三:还是建议多看看官方文档