vue.jsコンポーネントとは-Vue.js-php.cn

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

coldplay.xixi

リリース： 2020-11-30 17:00:09

オリジナル

2239 人が閲覧しました

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 サイトの他の関連記事を参照してください。