如何將屬性傳遞給kebab-case屬性？

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-結合的作品，在的情況下，任何的提示{ {名稱}}？感謝

Answer 1

你可以有變量通過使用屬性綁定傳遞的道具或其他屬性數據屬性：

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

其中:prop-name是屬性結合短手語法。

1. 屬性與:即屬性約束的屬性，可以訪問vue實例data性能，methods，computed性質。另一方面，Vue Directives直接使用vue實例變量而不需要屬性綁定。像：

   v-if='val > 0' 
   

與您的組件設置，如：

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

Your posted code