vue3中的prop&emit

状态是什么：

页面中要显示的东西，放在一个变量中，每次更改完值，就会被拦截，同时再重新渲染页面；

状态的对立面就是属性；

可以没有状态，那只能用父组件传过来的属性来自己用；

自己没有状态，只能使用父组件的属性，那就成了父组件的傀儡了；

父传子属性：props

父组件props：

<template>
    <div>
        通信
        <--使用<navbar>组件-->
        <navbar myname="home" myid="111"></navbar>
    </div>
</template>
<script>
import navbar from './components/navbar.vue'
export default {
    components:{
        navbar
    }
}
</script>

子组件navbar：

<template>
    <div>
        <button>left</button>
        {
  {myname}}
        <button>right</button>
    </div>