Vue でコンポーネントを宣言するには 3 つの方法があります。Vue.component メソッドを使用してグローバルに登録します。登録されたコンポーネントをテンプレートで使用する場合、コンポーネント名は kebab-case を使用して命名する必要があります。コンポーネント オプションを使用して、現在のコンポーネントにコンポーネントをローカルに登録します。
#Vue でコンポーネントを宣言する方法
1. コンポーネントの登録
コンポーネントは、Vue.component(name, options) メソッドを使用して登録できます。このうち、
name はコンポーネント名、
options はテンプレート、データ、メソッド、その他の属性を含むコンポーネント構成オブジェクトです。
<code class="javascript">// 注册组件 Vue.component('my-component', { template: '<div>这是我的组件</div>' });</code>
2. template
で宣言された登録済みコンポーネントは、コンポーネント名が kebab-case で指定されている template タグを通じて使用できます。<code class="javascript">// 模板中使用组件 <template> <my-component></my-component> </template></code>
3. 部分的な登録
コンポーネントを部分的に登録して、現在のコンポーネントでのみ使用することもできます。components オプションを使用して、コンポーネントを現在のコンポーネントに登録できます。
<code class="javascript">// 当前组件中局部注册组件 export default { components: { 'my-component': { template: '<div>这是我的局部组件</div>' } } };</code>
その他の宣言方法
上記の方法に加えて、次の方法でもコンポーネントを宣言できます。 メソッドを使用して、Vue コンストラクターを拡張します。
以上がvue でコンポーネントを宣言するために使用されるものの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。