用vue创建手机端和PC端两个页面 通过屏幕适配页面

1.创建 Vue 项目：

npm install -g @vue/cli
vue create my-vue-project
cd my-vue-project

2.创建手机端页面和 PC 端页面：

在 src 目录下创建两个不同的目录，用于存放手机端和 PC 端页面。

cd src
mkdir mobile pc

在 mobile 目录下创建一个手机端页面组件，比如 MobilePage.vue，在 pc 目录下创建一个 PC 端页面组件，比如 PCPage.vue。

<!-- src/mobile/MobilePage.vue -->
<template>
  <div>
    <h1>手机端页面</h1>
    <!-- 手机端页面内容 -->
  </div>
</template>
 
<script>
export default {
   
  // 页面逻辑