基于uniapp+vue3+ts开发微信小程序项目实战

🚀 作者 ：“二当家-小D”

🚀 博主简介：⭐前荔枝FM架构师、阿里资深工程师||曾任职于阿里巴巴担任多个项目负责人，8年开发架构经验，精通java,擅长分布式高并发架构,自动化压力测试，微服务容器化k8s等

🚀 欢迎小伙伴们 点赞👍、收藏⭐、留言💬

🍅文末获取源码联系 配套笔记打包🍅

一、微信小程序项目分类页面开发

1.1布局开发

  <script lang="ts" setup>
  import NavigationBar from './components/NavigationBar.vue'
  import ProductContainer from './components/ProductContainer.vue'
  </script>
  
  <template>
    <view style="background-color: #f3f3f3" overflow-x-hidden>
      <NavigationBar />
      <ProductContainer />
    </view>
  </template>

1.2课程展示子组件

 <script lang="ts" setup>
  import Product from './ProductContainer/Product.vue'
  import { queryProductById } from '@/api/category';
  
  let products = $ref<any>()
  products = queryProductById().data.current_data;
  
  </script>
  
  <template>
    <view class="container">
      <view class="products">