uni-app自定义组件

uni-app自定义组件

1、在项目中新建一个 component文件夹, 用来存放公用组件, 然后有新建组件如下图：

2、在新建组件中需要在template标签中定义name属性,建议和文件名一样。并在默认导入函数中添加name属性基本代码如下：

<template name="postBox">
  <view>
    我是自定义组件
  </view>
</template>

<script>
  export default {
    name:"postBox",
    data() {
      return {
        
      };
    }
  }
</script>

<style>

</style>

3.调用自定义组件

在其他的页面中，要调用自定义组件，需要先引用和注册组件
在页面<script>标签中引入代码：import postBox from "../../components/postBox.vue";
并且在export default参数中添加注册组件代码（若有多个组件用逗号隔开）

components:{
  postBox
     }

若在自定义组件中需要传值等操作建议参考父子组件传值