vue中data不能直接访问到props的解决办法

前几天在学习vue时，项目中的props的内容我需要做一次过滤才展示，每次用filter觉得好麻烦，就尝试在data中用this.名称获取，发现不行，后才找到了一种解决方案，如下：

 export default{
    props:{
      list:{
        type:Array,
        default:0
      }
    },

    data:()=>{
      return{
        clist:[],
      }
    }
   ,
    watch:{
      list:function(newVal,oldVal){
        this.clist = newVal;
      }
    }

通过watch监听list的变化，然后操作