vue3 页面模板问题

分类：uni-app

uniapp

新建的项目是vue3类型的，为什么新建一个页面时模板还是 export default {
data() {
return {};
},
onLoad() {},
methods: {}
};

2026-10-12 11:57 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

根据官方说明，vue3 版本的官方模板出于兼容考虑，是同时兼容 Vue2 和 Vue3 的，所以依然采用 Options API（即 export default { data() {}, onLoad() {}, methods: {} } 这种写法）。这并不是错误，而是默认模板的设计选择。

在 export default {} 中：

这些都是页面主要逻辑代码的组成部分，在 Vue3 中 Options API 依然完全支持。

如果你希望使用 Composition API（如 <script setup>）及 TypeScript，可以选择 TS 模板来创建项目，那样默认生成的代码会采用 Composition API 的写法。

内容为 AI 生成，仅供参考

要回复问题请先登录或注册