父组件向子组件传值
使用props传值
父组件
<template>
<div id="list">
<info :info="info"></info> //使用组件,并绑定要传递的值
</div>
</template>
<script>
import info from "./info" //引入子组件
export default {
name: 'list',
components: {
info
},
data(){
return {
info:"详情页"
}
}
}
</script>
子组件
<template>
<div id="header">
{
{info}}详情
</div>
</template>
<script>
export default {
name: 'App',
props:["info"],//接收父组件传过来的值,并显示在页面上
components: {}
}
</script>
子组件向父组件传值
使用$emit传值
父组件
<template>
<div id="list">
{
{msg}}
<div>