setup返回的data在development环境下会被expose到全局mixin的data中

[AuSjukwa]

复现: https://codesandbox.io/s/friendly-glade-v3dn8m?file=/src/main.js

// main.js
const globalData = { bar: '' };
Vue.mixin({
    data: () => globalData,
});

// child.vue
export default {
    setup() {
        const foo = ref('foo');
        return { foo };
    }
}

child组件渲染后打印globalData，globalData中会有foo变量

[AuSjukwa]

https://github.com/vuejs/composition-api/blob/main/src/mixin.ts

• 因为组件中没有data属性，所以在functionApiInit中从$options.data拿到的就是Vue.mixin的data，拿到globalData的引用，经过vue处理会放到vm._data中；
• 在asVmProperty中会判断如果非production把setup返回的data代理到vm._data，导致污染了globalData；

solution

// child.vue
export default {
    data() {
        return {};
    },
    setup() {
        const foo = ref('foo');
        return { foo };
    }
}

在使用setup的组件加上一个空的data

[github-actions[bot]]

Stale issue message