title: Vuejs passing props to from parents component to child component not working
body: <p>I am newbie and in charge a project using Vuejs.</p>
  <p>Here is a page that use a component called DashboardCard and each DardboardCard is passed 2 props is val and icon from the page a.k.a the parent component</p>
  <p><a href="https://i.stack.imgur.com/kADo3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kADo3.png" alt="dashboard" /></a></p>
  <p>I declared props in DashboardCard component a.k.a child component but the value of all props can not be passed and assigned</p>
  <p><a href="https://i.stack.imgur.com/JLt3x.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JLt3x.png" alt="DashboardCard" /></a></p>
  <p>I now I got this error</p>
  <p><a href="https://i.stack.imgur.com/eNa9u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eNa9u.png" alt="error" /></a></p>
  <p><strong>UPDATE</strong>
  Here is the Vuejs devtool log, you can see that props was passed
  <a href="https://i.stack.imgur.com/tdCkv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tdCkv.png" alt="enter image description here" /></a></p>