使用vue编写一个网上购物系统，其中包括登录注册模块、商品首页模块、商品分类模块、个人主页模块（包含个人账号、购买记录、物流信息、历史评价）、购买商品模块（包含商品下单、物流信息、商品评价）并展示具体代码

创建一个完整的网上购物系统是一个复杂的过程，涉及到前端框架Vue.js和后端API的交互。这里我会给出一个简化的Vue组件结构和一些关键部分的代码示例，但实际项目会更庞大，需要结合状态管理工具如Vuex和路由管理如Vue Router。

首先，安装必要的依赖：

npm install vue vuex vue-router axios

1. 登录/注册组件：

<template>
  <div>
    <login-reg></login-reg>
  </div>
</template>

<script>
import LoginReg from '@/components/LoginReg.vue';
export default {
  components: {
    LoginReg
  }
};
</script>

`LoginReg.vue` 中处理用户输入和请求：

<template>
  <!-- ... -->
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: ''
    };
  },
  methods: {
    handleLogin() {
      // 发送登录请求到后端 API
    },
    handleRegister() {
      // 发送注册请求到后端 API
    }
  }
};
</script>

2. 商品首页模块：

<template>
  <product-list></product-list>
</template>

`ProductList.vue` 显示商品列表和分页功能：

<template>
  <!-- ...商品列表显示... -->
</template>

<script>
import { mapState } from 'vuex';
export default {
  computed: {
    ...mapState(['products'])
  },
  // 更多数据获取和操作...
};
</script>

3. 分类模块、个人主页、购物车等类似，你可以创建相应的组件，并通过路由跳转在应用内切换。

4. 购买流程：
- `AddToCart.vue` 或者 `OrderForm.vue` 包含商品选择、数量添加、结算按钮。
- 下单成功后，可以用axios发送请求到后端API，设置状态更新（例如Vuex中的state）。

完整代码示例过于庞大，建议参考官方文档和教程逐步学习构建这样的系统。