Vue2.0 子组件的props，无法更新

Question

这个是prolist组件

<template>

<div>

    <transition-group name="flip-list" tag="ul">

        <li v-for='(item, index) in data' :key='item.id' :id='item.id' :parId='item.parId' ></li>

    </transition-group>

</div>

</template>

<script>

    export default{

        props:['listData'],

        data(){

            return {

                data:this.listData

            }

        },

    }

</script>

每当路由发生跳转时，pro-list组件内，没有发生变化，打印信息也没又触发。当时this.data却是改变了。。这是为什么？