组件模版的写法与页面模板相同组件模版与组件数据结合后生成的节点树,将被插入到组件的引用位置上
在组件模板中可以提供一个 节点,用于承载组件引用时提供嘚子节点
组件 slot 内容 注意,在模版中引用到的自定义组件及其对应的节点名需要在 json 文件中显式定义否则会被当作一个无意义的节点。除此以外节点名也可以被声明为抽象节点
与普通的 ttml/wxml 模版类似,可以使用数据绑定这样就可以向子组件的属性传递动态数据。
组件 slot 内容 在鉯上例子中组件的属性 dataA 和 dataB 将收到页面传递的数据。页面可以通过 setData 来改变绑定的数据字段
默认情况下,一个组件的 ttml/wxml 中只能有一个 slot需要使用多 slot 时,应使用不同的 name 来区分
# 组件样式 组件对应 ttss/wxss 文件的样式,只对组件 ttml/wxml 内的节点生效编写组件样式时,需要注意以下几点:
继承样式如 font 、color ,会从组件外继承到组件内
除继承样式外,app.ttss/wxss 中的样式、组件所在页面的的样式对自定义组件无效
除此以外,组件可以使用 :host 选擇器指定它所在节点的默认样式。