hueのコンポーネント小道具を宣言する方法<template>タグVue.js

Question

私はVueを使用しています。代わりに、私のjavascriptの私のテンプレートを宣言するのは、私は崇高での読みやすさとコード検出用のHTML道を行うことを好むので、私はこの使用しています：

<template id="test-component"> 
    <h1>Testing</h1> 
</template> 

Vue.component('test', { 
    template: '#test-component' 
}); 

<test></test> 

作品も..しかし、私はにいくつかのデータを渡したいですこのようなテンプレート、：

<template id="test-component"> 
    <h1>{{text}}</h1> 
</template> 

Vue.component('test', { 
    template: '#test-component', 
    props: ['text'] 
}); 

<test text="asd"></test> 

もうまく動作しますが、..私は私のプロジェクトで読みやすくするためのテンプレートタグではなく、JavaScriptのコンポーネントの機能に小道具を宣言したい、私ができるどのような方法がありますそれを行う？このような何か（動作しない）：

<template id="test-component" props="['text]"> 
    <h1>{{text}}</h1> 
</template> 

Answer 1

あなたが示唆したようにあなたは、テンプレートタグに小道具を宣言することはできません、唯一の方法は、ドキュメントごとにJavaScriptでそれらを宣言することです。

なぜあなたはそれをやりたいのか、それがどのように読みやすさを向上させるのかはわかりません。小道具はテンプレートではなく、コンポーネント定義自体の一部です。すべての小道具がテンプレートにレンダリングされるわけではありません。計算されたプロパティをテンプレートタグにも指定する必要があると思いますか？