Почему не работает пропс VUE?

Question

[Veiwai]

Создан компонент который должен принимать пропс, у пропса есть дефолтное значение.
При попытке передать в пропс true, ничего не меняеться, значение так же остаётся false. В чём может быть дело?
Пробовал не задавать дефолтное значение

Vue.component('configurator', {
    props: {
        isLoading: {
          default: false
        }
    },
    template: '<div>{{ isLoading }}</div>' // <- Тут false, а должно быть true
})

<configurator :isLoading="true"/>

Answer 1

[Aetae]

Потому что <configurator :is-loading="true"/>:)

Comments

[Veiwai]

капец)) Вроде когда через VUE CLI проект разворачиваешь, то работает нормально. А тут вон оно как))))

Встраиваю в WP, и весь мозг себе этим пропсом сломал. Спасибо добрый человек

[Aetae]

Veiwai, Кстати если сделаете так:

props: {
    isLoading: Boolean
},

то и значение по умолчанию автоматом будет, и вот так писать можно:
<configurator is-loading/>:)

[Veiwai]

Aetae, Да, я в принципе с VUE нормально знаком) Просто не работал с ним за пределами CLI

в CLI если isLoading, то оно и в африке isLoading. В том плане что работает нормально)
А здесь что-то слишком часто спотыкаюсь)

[Aetae]

Veiwai, ну тут вина не Vue, а html как такового, приводящего всё к нижнему регистру:

const div = document.createElement('div');
div.setAttribute(':isLoAding', 'true');
console.log(div.outerHTML) // <div :isloading="true"></div>

Т.к. код этот находится у вас не в template, а в каком-то контейнере на странице, то Vue уже ничего не может с этим поделать.)