小程序自定义组件

324 阅读1分钟

自定义组件

	1.自定义模板template
		<template name="list_top">
  			<view>
    				<text>我是模板页面</text>
  			</view>
		</template>
	2.引入组件内
		<import src="/public/template/list/list"/>
	3.引入样式
		@import "/public/template/list/list.wxss";
	3.显示
		<template is="list_top" data="传递给模板的数据" />

	自定义组件复用
		封装组件三要素 :事件(triggerEvent),slot(插槽),props

		组件构成:html,css,js

		组件创建:
			用components新建

		组件使用:
			在要引入的组件的json文件中引入
				"usingComponents": {
    					"dialog":"/public/components/dialog/dialog"
  				},
			页面显示
				<dialog />

## 第三方组件(weui,有赞)
`````