淘宝、1688、京东、拼多多，抖音五个平台的区别分析

1. 淘宝
   淘宝是中国最大的C2C电子商务平台，也是消费者购物的首选平台。淘宝上的商品种类繁多，价格实惠，同时还有很多优惠活动和促销活动，让消费者可以以较低的价格购买到高质量的商品。

2. 1688
   1688是中国最大的批发市场之一，有数百万的商家在上面进行批发和采购。在1688上，消费者可以找到各种类型的商品，包括服装、鞋子、家居用品、电子产品等等。1688的优势在于价格实惠，同时还有很多商家提供的优惠券和促销活动。

3. 京东
   京东是中国最大的B2C电子商务平台之一，也是一个非常知名的购物平台。京东的商品质量较高，同时还提供快速的物流配送服务。京东还有一个优势是它的售后服务非常好，如果消费者在购买商品后出现问题，可以通过京东的售后服务得到及时的解决。

4. 拼多多
   拼多多是一个以社交电商为主的平台，它通过社交网络将消费者与商家连接起来，让消费者可以以更低的价格购买到更好的商品。拼多多的商品种类繁多，价格实惠，同时还有很多促销活动和优惠券。

5. 抖音
   抖音是一个以短视频为主的平台，它通过创意短视频和音乐让用户产生强烈的共鸣和兴趣。在抖音上，用户可以通过短视频了解新鲜事物，同时还可以通过短视频购买商品。

总之，这五个电商平台各有特点和优势，消费者可以根据自己的需求和偏好选择适合自己的平台进行购物。

<template>
  <div class="container">
    <div>鼠标位置：</div>
    <div>X轴：{{x}}</div>
    <div>Y轴：{{y}}</div>
    <hr>
    <div>{{count}} <button @click="add()">自增</button></div>  
  </div>
</template>
<script>
import { onMounted, onUnmounted, reactive, ref, toRefs } from 'vue'
export default {
  name: 'App',
  setup () {
    // 鼠标移动逻辑
    const mouse = reactive({
      x: 0,
      y: 0
    })
    const move = e => {
      mouse.x = e.pageX
      mouse.y = e.pageY
    }
    onMounted(()=>{
      document.addEventListener('mousemove',move)
    })
    onUnmounted(()=>{
     // 监听的事件最好在组件销毁的时候也要将其销毁掉
      document.removeEventListener('mousemove',move)
    })

    // 累加逻辑
    const count = ref(0)
    const add = () => {
      count.value ++ 
    }

    // 返回数据
    return {
      ...toRefs(mouse),
      count,
      add
    }
  }
}
</script>