先定义子组件，注册prop接收父组件传递的值
<template> <div> <div>{{message}}(子组件)</div> </div> </template> <script> export default { props: { message: String //定义传值的类型<br> } } </script> <style> </style>
在父组件引入子组件，并传入子组件需要的值
<template> <div> <div>父组件</div> <child :message="parentMsg"></child> </div> </template> <script> import child from './child' //引入child组件 export default { data() { return { parentMsg: 'a message from parent' //在data中定义需要传入的值 } }, components: { child } } </script> <style> </style>prop只能父组件传递给子组件，子组件不能修改父组件的data
转载于:https://www.cnblogs.com/YAN-HUA/p/9139802.html
