uni-app 创建 Vue3 工程时提示不支持 Vue2 运行鸿蒙

在创建uni-app项目时，如果你遇到提示“不支持 Vue2 运行鸿蒙”的问题，这通常意味着你正在尝试在鸿蒙系统上运行一个基于Vue 2的uni-app项目，而uni-app对鸿蒙系统的支持是基于Vue 3的。为了解决这个问题，你需要确保你的uni-app项目是基于Vue 3构建的。

以下是一个简单的步骤和代码示例，展示如何创建一个基于Vue 3的uni-app项目，并确保它可以在鸿蒙系统上运行（假设你已经安装了HBuilderX或相应的开发工具，并且已经配置好了鸿蒙的开发环境）。

步骤 1: 创建Vue 3项目

使用HBuilderX创建新的uni-app项目时，确保选择Vue 3作为框架。在HBuilderX中，你可以通过以下步骤创建项目：

1. 打开HBuilderX。
2. 点击“文件”->“新建”->“项目”。
3. 在“项目模板”中选择“uni-app”。
4. 在“选择模板”页面，确保选择的是“Vue 3”模板。
5. 输入项目名称和路径，点击“创建”。

步骤 2: 检查并修改项目配置

创建项目后，检查manifest.json文件中的配置，确保app-plus配置部分正确设置了针对鸿蒙系统的相关配置（如果适用）。

步骤 3: 编写Vue 3代码

在Vue 3项目中，你可以使用Composition API，这是Vue 3引入的新特性。以下是一个简单的Vue 3组件示例：

<template>
  <view>
    <text>{{ message }}</text>
    <button @click="changeMessage">点击我</button>
  </view>
</template>

<script setup>
import { ref } from 'vue';

const message = ref('Hello, Vue 3 on HarmonyOS!');

function changeMessage() {
  message.value = 'Message has been changed!';
}
</script>

<style scoped>
button {
  padding: 10px;
  background-color: #007aff;
  color: white;
}
</style>

步骤 4: 运行和调试

在HBuilderX中，你可以直接运行和调试你的uni-app项目。确保选择了正确的目标平台（如鸿蒙系统），然后点击运行按钮。HBuilderX将为你构建并部署应用到鸿蒙模拟器或真实设备上。

通过以上步骤，你应该能够创建一个基于Vue 3的uni-app项目，并确保它可以在鸿蒙系统上运行。如果遇到任何问题，请检查uni-app和鸿蒙系统的官方文档，以获取最新的开发指南和支持信息。