uniapp 开发实操二：uniapp 调用 微信小程序自定义组件

用uniapp 开发手机app，有些功能需要结合原生代码进行开发.主流原生有android,ios,微信小程序等。下面先来看下uniapp 如何调用微信小程序自定义组件。

1.微信小程序原生调用组件

页面源码：

<view >container">

<movie></movie>

<movie></movie>

<movie></movie>

</view>

样式：

.container{

padding: 25rpx;

display: flex;

flex-direction: row;

justify-content: space-between;

}

引用组件

{

"usingComponents": {

"movie": "../../components/movie/index"

}

}

2.微信组件

组件源码：

<view>

<imagesrc="images/test.png"></image>

<text>自然美景自然美景自然美景自然美景</text>

</view>

样式：

.container{

267" src="https://img-blog.csdnimg.cn/ba7162409f2641698c669a7e7824f9ca.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSp5rC05LiA5qyi,size_10,color_FFFFFF,t_70,g_se,x_16" >

（2）页面中引用

<template>
<view>
<movie></movie>
</view>
</template>

<script>
export default {
data() {
return {

}
},
methods: {

}
}
</script>

<191" src="https://img-blog.csdnimg.cn/2aca12900fe24f57bfd39defa7626959.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5aSp5rC05LiA5qyi,size_20,color_FFFFFF,t_70,g_se,x_16" >