Vue. js значения данных компонента не определены при использовании {{interpolation}} - PullRequest
Новая
       50

Vue. js значения данных компонента не определены при использовании {{interpolation}}

0 голосов
/ 19 февраля 2020

Я пытаюсь определить базовый c Vue. js компонент с pug: 

script(type="text/x-template" id="my-design")
  div(:class="{active: active}")
    input(type="text", name="name", v-model="d.name", placeholder="Name")
    span {{d.name}}


script.
  var myDesign = Vue.component('my-design', {
    template: '#my-design',
    data: function(){
      return {
        active: true,
        d:{
          name: 'test', 
          _id:'test'
        }, 
      }
    },
  });

в родительском шаблоне, я называю его так: 

  include ../components/myDesign

  div
    my-design

я получаю эту ошибку: [Vue warn]: Ошибка при рендеринге: «Ошибка типа: d не определено»

если я удаляю строку span {{d.name}} все в порядке, значение ввода устанавливается на d .name значение, так что инструкция v-модели работает, и активный класс тоже установлен.

...