代码实现vue购物车图标显示购物车内件数

可以通过以下步骤实现Vue购物车图标显示购物车内件数：

1. 在Vue组件中定义一个data属性，用于存储购物车内件数的值。

data() {
  return {
    cartCount: 0
  }
}

2. 监听购物车中商品数量的变化，当购物车中新增商品或者删除商品时，更新购物车内件数的值。

watch: {
  // 监听购物车中商品数量的变化
  '$store.state.cart.length'(newVal) {
    this.cartCount = newVal
  }
}

3. 在购物车图标中显示购物车内件数的值。

<template>
  <div class="cart-icon">
    <i class="fa fa-shopping-cart"></i>
    <span class="cart-count" v-if="cartCount > 0">{{ cartCount }}</span>
  </div>
</template>

通过以上步骤，可以实现Vue购物车图标显示购物车内件数的功能。