[Vuejs]-Getting Props value undefined in child component

There’s no need to this. in the template.

Parent component

<template>
<companyInfo :limit="limit"/>
</template>

data(){
  return {
     limit: 50
    }
  }

Child component

<template>
<div>
<p>{{ text | summary(limit, '...') }}</p>
</div>
</template>