父组件传值给子组件，父组件引入子组件然后注册然后使用，使用的时候绑定一个值，这个值可以直接写在冒号里面或者写在data里面，然后子组件用props接收，用{{}}进行绑定
父组件
<template>
<child
:message
="'msg'"></child
>
</template
>
<script>
import Child from
'./Child'
export
default {
components
: {
Child
},
data
() {
return {
}
}
}
</script
>
子组件
<template>
<div>11{{message
}}</div
>
</template
>
<script>
export
default {
props
: {
message
: {
type
: String
,
required
: true,
default: ''
}
},
data
() {
return {
}
}
}
</script
>
文件存放位置
路由写法
浏览器显示结果：
