アセンブリコンポーネント定義されたVUE

1.基本情報

コンポーネントは、あなたのhtmlタグの拡張であります

テンプレートの内容であるコンテンツ・コンポーネント

アセンブリにグローバルコンポーネントローカルコンポーネント

  • サブアセンブリで定義されているコンポーネントオブジェクト

2.(登録)コンポーネントを定義する方法

  1. カスタムコンポーネントは、コンポーネントのオプションを使用する必要があります。コンポーネントは、オブジェクト、オブジェクトのプロパティ、関連するコンポーネントの構成情報です。
  2. 少なくともテンプレートのプロパティを持っているかの方法をレンダリングする必要があるコンポーネント。
  3. 使用すると、コンポーネントの名前がラベルとして使用することができます。
  4. 注:⬇⬇============================================== ======⬇⬇
  5. コンポーネントを使用しているときにこぶの命名間でコンポーネント名を使用する場合は、小文字と大文字の名前の間でそれを使用する必要があります - 分割します。
  6. コンポーネント間のデータの例は、その外側が共有されていません。
  7. アセンブリ内で定義されたデータ(データ)
    1. 機能しなければならない場合
    2. この関数は、戻り値を持っている必要があります
    3. オブジェクトが値を返さなければならない場合
  8. 注:⬆⬆============================================== ======⬆⬆

3.基本的なコードを示しています

/--------------------------html---------------------------------------/

<zujian></zujian>

/--------------------------js------------------------------------------/
new Vue({
	el:"#root",
	data:{
	... ...
	},
	components:{     //可以看到 components 是复数形式,说明我们可以在这里面定义多个组件
	zujian:{         //定义了一个名字为 zujian 的组件  //它是一个对象形式
		template:`   //指定一个模板
			<div>定义了一个组件,名字为 zujian </div>
		`
		}
	}
})
公開された63元の記事 ウォンの賞賛6 ビュー1231

おすすめ

転載: blog.csdn.net/qq_44163269/article/details/105063803