Javascript

Vue.sync修饰符与this.$emit('update:xxx', newXXX)

本文主要是介绍Vue.sync修饰符与this.$emit('update:xxx', newXXX)，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

Vue通过prop进行双向数据绑定。子组件数据变化，一般只能通过 this.$emit(func, val) 回调父组件函数来传值给父组件。

Vue2.3版本引入sync，作为一个事件绑定语法糖，当子组件触发事件时，父组件会响应事件并实现数据更新。 

.sync 修饰符    this.$emit('update:title', newTitle)

父组件： 

 <parent-comp :visible.sync="isShow"></parent-comp>

 

子组件： 

 props: {
    visible: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    // 子组件触发函数
    handleClose() {
      this.$emit('update:visible', false)
    },
  }
这篇关于Vue.sync修饰符与this.$emit('update:xxx', newXXX)的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航