双向绑定

本节目标：理解“双向绑定”的核心思路，并能把它用于实际开发或面试表达。 一、数据传入组件及使用； 二、组件事件发生时，将数据传出； 三、组件数据的传入及使用中，根据props的值modelValue，我们来控制组件的Ui界面，如果组件内部还有组件，就是控制传入内部组件的数据；

• 在模板中的使用
• 结合组件内部状态值，然后计算后在模板中使用；

四、如果对一个组件的状态值，我们在组件内部进行维护，那么是根据props进行响应式更新才行；而不是在setup中初始化一次，后面不再进行关联；

对于双向绑定，props.modelValue值我们可以通过很多方式使用： 一、保持响应式：直接使用modelValue的值进行watch和computed，形成响应式的模板变量，在模板中使用； 二、只用来初始化：声明一个中间变量，使用props的值来初始化这个中间变量计算属性是自动执行函数得到新值，我们可以手动执行相应方法来更新中间变量，然后在合适的时候，比如组件有取消确定时，emit新值；