<template> <div> <p>{{ greet }}</p> </div> </template> <script> export default { props: { greet: { type: String, default: 'hogehoge' } } } </script> <template> <div> <h1>Hello from App.vue</h1> <Child greet='Hello with props'/> </div> </template> <script> import Child from './components/Child.vue' export default { components: { Child } } </script>