江西网站建设价格,山西省网站备案,平台推广策划案,怎么做企业网站推广赚钱目录 自定义组件的 v-modelv-model简化代码 自定义组件的 v-model 组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件。 input v-modelparentData 等价于#xff1a; input :valueparentDatainputparentData … 目录 自定义组件的 v-modelv-model简化代码 自定义组件的 v-model 组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件。 input v-modelparentData 等价于 input :valueparentDatainputparentData $event.target.value作用提供数据的双向绑定 数据变视图跟着变value视图变数据跟着变input 注意$event 用于在模板中获取事件的形参 v-model简化代码 目标父组件通过v-model 简化代码实现子组件和父组件数据双向绑定 简化v-model其实就是value和input事件的简写 子组件props通过value接收数据事件触发 input父组件v-model直接绑定数据 示例 子组件 select :valuevalue changehandleChange.../selectprops: {value: String},methods: {handleChange (e) {this.$emit(input, e.target.value)}}父组件 BaseSelect v-modelselectId/BaseSelect