vue父组件子组件传值、组件数据双向绑定、修饰符sync的使用

1、vue父组件传子组件

      父组件：<parent :content="data"></parent>

      子组件：<son></son> 中这样写

                    props: {

                               content

                   },

2、子组件传父组件

      在子组件中：

      this.$emit('update:visible', visible)

      父组件:

      <components  @update:visible="val=>getVisible=val"></components>

3、父组件子组件数据的双向绑定：

父组件：

      <components :visible="isVisible" @update:visible="val=>isVisible=val"></components>

      简写为<components :visible.sync="isVisible"></components>

子组件

      this.$emit('update:visible', visible)