vue中父子之间的传值

vue中子到父子之间的传值(props、ref、emit)

父子组件

//父组件
<template>
 <div>
 <h1>我是父组件！</h1>
 <child></child>
 </div>
</template>
 
<script>
import Child from '../components/child.vue'
export default {
   
 components: {
   Child},
}
</script>
 //我是子组件
<template>
 <h3>我是子组件！</h3>
</template>
 
<script>
</script>

通过props传值
props属于单向绑定，只能父组件向子组件传值，不能反向

//静态传值：子组件通过props选项来声明一个自定义属性，通过父组件对标签的嵌套，就可以通过这个属性往子组件传递数据

//父组件
<template>
 <div>
 <h1>我是父组件！</h1>
 <child message="我是子组件一！"