v-model

###点击事件 在组件内判断处理事件 ###点击事件 把子组件的事件抛出，在父组件中处理 ###可以通过传方式 在子组件内调用方法处理 父组件 调用 子组件 <risk-qa-form :item="selectedItem" v-if="riskQaFormModalVisible" v-mode ......

例如，在 <Text /> 组件中给每一个输入的英文单词首字母进行大写转换功能。 :one: 子组件：定义 prop 和 Modifiers： const props = defineProps({ value: String, valueModifiers: { default: () => ({ ......

所有的 props 都遵循着单向绑定原则，props 因父组件的更新而变化，自然地将新的状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。 使用 emits 自定义事件以参数方式在父组件更新； 使用 emits 自定义 v-mo ......

1. v-model 的基本使用 1.1 v-model 是一个语法糖 <template> <input :value="text" @input="event => text = event.target.value" /> <input v-model="text" /> <!-- 这一行的意 ......

v-model的本质是父子组件间的通讯，父组件给子组件传递一个value自定义属性和input自定义事件；子组件接收value 并触发自定义事件修改value 父组件中 <Child v-model="visible"></Child> <Child :value="visible" @input= ......