Question

这是一个简单的组件： jsFiddle

Vue.component('hello', {
        props : ['personName'],
    render : function(createElement) {
        var self = this
        return createElement("span", "Hello " + self.personName)
    }
})

new Vue({
    el: '#app',
    data : {
      name : 'Jobs'
    }
})

现在我想将该组件引用如下：

  <hello person-name="Steve"></hello> // works
  <hello person-name="{{name}}"></hello> // now working

我知道v-bind有效，在{{name}}的情况下有任何提示吗？感谢

Answer 1

您可以使用属性绑定将数据属性中的变量作为props或其他属性传递：

<component :prop-name='value' />

其中:prop-name是属性绑定的简写语法。

:属性（即属性绑定属性）可以访问vue实例data属性，methods，computed属性。
另一方面，Vue指令直接使用vue实例变量而无需属性绑定。像：
```
v-if='val > 0' 
```

使用您的组件设置：

export default {
  data () {
    return {
      val: '0'
    }
  }
}

Your posted code

如何将房产转移到烤肉串房产？

1 个答案: