Невозможно передать данные в шаблон VUE

Одиночные кавычки

Я бы хотел, чтобы двойные кавычки были стандартными, потому что они имеют немного больше смысла , но я продолжаю использовать одинарные кавычки, потому что они доминируют над сценой.

Одиночные кавычки:

Нет предпочтения:

Двойные кавычки:

0
задан ApplePie 15 January 2019 в 17:27
поделиться

1 ответ

Вы должны передать name вашему компоненту по атрибуту, а не по данным:

<div id="app">
  <setting-template name="Elon" />
</div>

Здесь вы можете проверить рабочий пример: https://codepen.io/anon/pen/ dwrOqY? editors = 1111

data являются частными данными компонентов - они не передаются дочерним компонентам. Если вам все еще нужно name в данных основного компонента, вы можете передать его дочернему компоненту следующим образом:

<div id="app">
  <setting-template :name="name" />
</div>

var app = new Vue({
    el: '#app',
    components: {
        settingTemplate
    },
    data: {
      name: 'Leon'
    }
})

https://codepen.io/anon/pen/qLvqeO?editors = 1111

0
ответ дан Beniamin H 15 January 2019 в 17:27
поделиться
Другие вопросы по тегам:

Похожие вопросы: