vue.jsコンポーネントとは

vue.js コンポーネントは、特定の機能を完了するために使用されるカスタム HTML タグです。グローバルコンポーネントとローカルコンポーネントに分かれています。グローバルコンポーネントは、ハングタグで使用できます。ローカルコンポーネントは、特定の vue で定義されています実例。

vue.jsコンポーネントとは

[関連記事の推奨事項: vue.js]

コンポーネントは特定の機能を完了するために使用されます。カスタム HTML タグ

例:

<body>
    <mytag></mytag>
</body>

注: mytag はコンポーネントであり、Vue を通じて mytag に特定の機能を与える必要があります

コンポーネント関数

コンポーネントは、機能コード (html、css、js) のカプセル化です。コンポーネント内のコードは、コンポーネントの名前を通じて再利用できます。

コンポーネントの分類:

グローバルコンポーネントとローカルコンポーネント

注: コンポーネントのテンプレートにはルートタグが 1 つだけ必要です (すべてのコンテンツは 1 つのタグで囲まれている必要があります)。

グローバルコンポーネント

1. グローバルコンポーネントの構文:

Vue.component("自定义标签的名字",{配置对象})

2. グローバルコンポーネントの特性:

# 1. ローカル構文:

var app = new Vue({
    el: "#app",
    data: {},
    components : {
       　"局部组件的名字1" : {组件的配置对象}
       　　 "局部组件的名字2" : {组件的配置对象}
    }
});

2. ローカルコンポーネントの特性

ローカルコンポーネントはマウントされたタグ内でのみ使用できます。

関連する無料学習の推奨事項: JavaScript(ビデオ)

以上がvue.jsコンポーネントとはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

続きを見る