[vue] 父子组件间传值

环境说明: vue 3.x + ant-vue

父组件(Album.vue)使用:

  name: "Album",
  components: { UploadImage },
  data: function() {
    return {
			visible: false
    };
	},
	methods: {
		uploadImage()
		{
			this.visible = true;
		}
	}
};

子组件(UploadImage.vue):

综合:

1. 父组件使用时通过属性传递一个值到子组件, 并添加.sync修饰符

2. 子组件得到初始值后,若是修改了属性的值,通过this.$emit('update:xxx', newValue)修改父组件中绑定的变量值!

3. 注意子组件中v-model不能绑定一个属性, 因为属性是单向数据流,但是v-model需要绑定的是一个双向数据流的变量!