Javascript Vue.js组件'；使用{{插值}时未定义s数据值

我正在尝试用pug定义一个基本的Vue.js组件：

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]：呈现错误：“TypeError:d未定义”

---

如果我删除行

span{{d.name}

就可以了，输入值被设置为d.name值，这样v-model指令就可以工作了，活动类也已设置。

我认为有一个输入错误：

sideContent.myDesigns.atcive

应该是

sideContent.myDesigns.active

在

res.render

语句中传递

d

变量的方式有问题。没有看到这将无法帮助您找到解决方案。@muka.gergely是的，我已经更正了我的问题。@Graham经过更多测试，我简化了我的问题。“将变量传递给res.render”是什么意思？它是一个vue.js组件，我认为vue.js就是用来处理这个问题的。不是吗？看起来你没有使用pug vue.js加载项，这就是为什么我假设你使用的是服务器端pug。