The solution for props name start with "data-" when hyphenated prop names been deprecated

[butsalt]

I'm commonly using props start with data-. data-* is recommended to exchange proprietary information. Through this way, I don't need to worry about the attribute that I use to exchange data will cause any impact on dom.

props: {
    "data-checked": {
        type: Boolean
    }
}

If hyphenated prop names have been deprecated, I wish I can use props start with 'data-' like this in future:

<my-component data-checked></my-component>

props: {
    "checked": Boolean
}
this.checked //true

And

<my-component data-my-msg="something"></my-component>

props: {
    "myMsg": String
}
this.myMsg //"something"

If not find properer attribute, then

<my-component my-msg="something"></my-component>

props: {
    "myMsg": String
}
this.myMsg //"something"

[young-steveo]

👍 This would be awesome if configurable via a global Vue.config option, like parseDataProps.

<my-component data-my-msg="something"></my-component>

props: {

    // with parseDataProps : false
    dataMyMsg : String,

    // with parseDataProps : true
    myMsg : String
}

[yyx990803]

@young-steveo I'm not sure if the config is necessary here - it seems very unlikely to conflict with 3rd party libs, and even if it does you can use the non-data-prefixed syntax to avoid it.