VUE ユニアプリカスタムコンポーネントについての簡単な説明

<テンプレート>
	<表示>
		<view>カスタム コンポーネントの使用仕様</view>
		<カードの色="赤" @fclick="fclick"></カード>
		<card color="yellow">黄色のコンポーネント</card>
	</ビュー>
</テンプレート>

<スクリプト>
	エクスポートデフォルト{
		データ（） {
			戻る {
				
			}
		},
		メソッド: {
			fclick(メッセージ){
				console.log('親コンポーネントは子コンポーネントから渡された値を受け取ります: '+msg);
			}
		}
	}
</スクリプト>

<スタイル>

</スタイル>

<テンプレート>
	<view :style="{background:color}" @click="zclick">
		カスタム コンポーネント <slot></slot>
	</ビュー>
</テンプレート>

<スクリプト>
	エクスポートデフォルト{
		名前:"カード",
		小道具:{
			色：{
				タイプ:文字列、
				デフォルト: '白'
			}
		},
		データ（） {
			戻る {
				
			};
		},
		方法:{
			zclick(){
				console.log('サブコンポーネントをクリックしました');
				this.$emit('fclick','クリック イベントが親コンポーネントに渡されます');
			}
		}
	}
</スクリプト>

<スタイル>

</スタイル>