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].怎么可能不报错呢第三:还是建议多看看官方文档