子组件的使用

子组件的使用

在.json中配置"usingComponents"字段，{"标签名": "子组件路径"}

"usingComponents": {

"x-blog-cart": "/components/blog-cart/blog-cart",

"x-blog-ctrl": "/components/blog-ctrl/blog-ctrl"，

},

在.wxml中使用

 

 

<view class="detail-footer">

　　<x-blog-ctrl

　　　　iconfont="iconfont"

　　　　icon-share="icon-share"

　　　　icon-pinglun="icon-pinglun"

　　　　blogId="{{blog._id}}"

　　/>

</view>

父组件给子组件传递样式：上面粉红色是部分

子组件接受（在Component（.js,  子组件有Component包裹） 中配置externalClasses属性）：

//外部样式

externalClasses: [

'iconfont',

'icon-share',

'icon-pinglun'

],

注意：

iconfont="iconfont"

icon-share="icon-share"

icon-pinglun="icon-pinglun"

样式传递

由于有样式隔离，子组件想使用公共样式，需要传递