uni-app中自定义组件

1、创建components，文件下创建组件,如test.vue

<template>
   <view>
    <text>我是组件，获取传入的参数值{{num}}</text>
  </view>
</template>

<script>
export default {
  props: [num]
}
</script>
<style lang="scss">
// 组件样式
</style>

2、创建页面，调用组件

// 使用
<template>
  <test :num="num"></my-component>
</template>
// 引入组件
import testfrom '@/components/test.vue'
export default {
  data(){
    return {
      num: 8
    }
  },
  // 注册组件
  components:{
    test
  }
}

你是技术宅么？那就加入我们吧~本博主不一定长期在线，可以进群大家一起解决问题~

欢迎加入 CSDN技术交流群2：（点击即可加群）QQ群:456543087

               CSDN技术交流群(已满员)：（点击即可加群）QQ群:681223095。  

商务合作@群主，谢谢！