Question

私のコンポーネントに値を設定せずに属性を設定したい。たとえば：

<my-button primary>Save</my-button> 

私は私のコンポーネントのpropsにprimaryを宣言しています：

Vue.component("my-button", { 
    props: ["primary"], 
    template: "<button v-bind:class='{primary: primary}'><slot></slot></button>" 
}) 

残念ながら、それは動作しません。 primaryプロパティはundefinedであり、クラスは適用されません。

JSFiddle： ​​

は次に指定するだけで名前が trueに設定し、その値になります属性： https://jsfiddle.net/LukaszWiktor/g3jkscna/

Answer 1

キーがBooleanとしてプロップの型を宣言することです。

ワーキングJSFiddle：https://jsfiddle.net/LukaszWiktor/gfa7gkdb/