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