変数をコンポーネントテンプレートに渡す

Question

一部の入力フィールドに存在するVue.jsコンポーネントを作成しようとしています。つまり、コンポーネントテンプレートは入力の名前を受け入れる必要があります。

<template> 
    <input type="text" name="VARIABLE"> 
</template> 

と私はどのように私のコンポーネント入力は、変数の値を定義します

<component-input></component-input> 

とそのコンポーネントを呼び出す：

はのは、私はテンプレートがあるとしましょうか？あなたは、あなたの質問にこの

Vue.component('input-component', { 
 
    template: '<input type="text" :name="inputName">', 
 
    props: { 
 
    inputName: String 
 
    } 
 
})

<input-component input-name="someName"></input-component>

のようなポイントを行うことができます

Answer 1

はpropsを使用することです。あなたを助けることを願っています。

Answer 2

私はそれを得た：

<template> 
    <input type="text" name="{{name}}"> 
</template> 

-

<component-input name="demo"></component-input> 

-

var component = Vue.extend({ 
    props: { 
    name: { 
     type: String 
    } 
    } 
});