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

coldplay.xixi
リリース: 2020-11-30 17:00:09
オリジナル
2249 人が閲覧しました

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. グローバル コンポーネントの特性:

  • グローバル コンポーネントは次のことができます。任意のぶら下がりタグで使用されます。

  • グローバル コンポーネントの構成オブジェクトにはテンプレート属性が含まれている必要があります

  • ローカル コンポーネント - は ## で定義されます特定の vue インスタンスの

# 1. ローカル構文:

var app = new Vue({
    el: "#app",
    data: {},
    components : {
        "局部组件的名字1" : {组件的配置对象}
          "局部组件的名字2" : {组件的配置对象}
    }
});
ログイン後にコピー

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

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート