从props默认（VueJS）访问此/ vm实例

Question

我有一个插件，可以为vue的对象原型设置一些变量。

我需要从道具的默认属性访问这些变量。怎么样 我能做到吗？

使用以下示例，webpack引发一些未定义的错误。

//...
props: {
    size: {
        type: String,
        required: false,
        default: this.$myPlugin.size
    }
}

Answer 1

您可以将default指定为返回默认值的函数。那应该可以以this的身份访问当前实例。

props: {
    size: {
        type: String,
        required: false,
        default () {
            return this.$myPlugin.size
        } 
    }
}

好奇的话，Vue源代码中的相关行是here。请注意，以vm作为其this值来显式调用该函数。