Değişken bileşen şablonuna geçiş

Question

Bazı giriş alanlarından varolan bir Vue.js bileşeni oluşturmaya çalışıyorum. Bu, bileşen şablonunun girişler için ad kabul etmesi gerektiği anlamına gelir.

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

ve benim bileşen giriş değişkeninin değerini nasıl tanımlarım

<component-input></component-input> 

o bileşeni çağırır:

en ı şablonu var diyelim?

Answer 1

Sen Sorunuzun bu

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

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

nokta gibi yapabilirsiniz props kullanmaktır. Umarım yardımcı olurum.

Answer 2

Aldım:

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

-

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

- Bu elemanlar üzerinde özellikler olarak, inanıyorum artık değişmiştir ve derleme zamanı hatası çağıracağı

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