Twice render if $attrs.id not defined

[i7slegend]

prev issue #4953

Hello! I can't reopen previous issue.

I found what commits before doesn't goals to fix trigger render twice in this issue's example. It's reproduces now

I mean in the attached code block before (#4953 (comment)) this (use OR operator in state component for id property).
Example for Menubar component:

    data() {
        return {
-           id: this.$attrs.id,
+           id: this.$attrs.id || UniqueComponentId(),
            filterValue: null,
            focused: false,
            focusedOptionIndex: -1
        };
    },
    watch: {
        '$attrs.id': function (newValue) {
            this.id = newValue || UniqueComponentId();
        },
        options() {
            this.autoUpdateModel();
        }
    },
    mounted() {
-       this.id = this.id || UniqueComponentId();
        this.autoUpdateModel();
    },

Originally posted by @i7slegend in #4953 (comment)