Vuejs2 如何将pug变量传递到vue动态属性?

Vuejs2 如何将pug变量传递到vue动态属性?,vuejs2,pug,Vuejs2,Pug,问题是,如果动态Pug变量是“字符串”类型的,我无法通过属性将它们传递给Vue组件。Vue将尝试传递的字符串视为Vue属性的名称 问题 哈巴狗 *MyComponent.Vue* export default { name: 'MyComponent', props: { name: { type: String } } } 我得到一个错误:“属性或方法“John”未在实例上定义,但在渲染期间被引用。”,这意味着,据我所知,Vue将pugVaria

问题是,如果动态Pug变量是“字符串”类型的,我无法通过属性将它们传递给Vue组件。Vue将尝试传递的字符串视为Vue属性的名称

问题

哈巴狗

*MyComponent.Vue*
export default {
  name: 'MyComponent',

  props: {
    name: {
      type: String
    }  
  }
}
我得到一个错误:“属性或方法“John”未在实例上定义,但在渲染期间被引用。”,这意味着,据我所知,Vue将
pugVariable
中的字符串视为Vue属性的名称

问题

所以,问题是:现在要说服Vue将此变量视为字符串吗

我已经尝试过的:

我尝试传递对象文字而不是字符串,如下所示:

my-component(v-bind:name= {value: pugVariable})
my-component(name= {value: pugVariable})

它可以工作,但我们无法检查传递值的类型,因此我不喜欢此解决方案。我之前得到了一个答案:)

正如这里所描述的,如果我们只想传递静态字符串,我们必须简单地去掉
v-bind:
前缀,如下所示:

my-component(v-bind:name= {value: pugVariable})
my-component(name= {value: pugVariable})