vue 2.3 更新 组件间的数据“双向绑定“ .sync 修饰符

官方文档链接

https://cn.vuejs.org/v2/guide/components-custom-events.html

 

 

 

调用组件

import page from '../../components/page.vue';
export default{
    components:{
        page
    },
    data(){
        return {
            loading:false,
            page:{
                total:40000,
                pageNum:1,
                pageSize:this.config.page.size
            }
        }
    }, ......

this.$emit('update:total', 3000);//修改 父组件里的 total 这个时候 父组件 里的 page.total 和 子组件里的 total 里面的值都改变了

 

组件 源码