vue3 uniapp

dcloudhttps://ask.dcloud.net.cn/article/37834

# 创建以 javascript 开发的工程  
npx degit dcloudio/uni-preset-vue#vite my-vue3-project  

# 创建以 typescript 开发的工程  
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project  

网络请求

uniapp apihttps://uniapp.dcloud.io/api/#%E6%A0%87%E5%87%86-js-%E5%92%8C%E6%B5%8F%E8%A7%88%E5%99%A8-js-%E7%9A%84%E5%8C%BA%E5%88%AB vite.config

配置别名

安装

@types/node

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
const { resolve } = require('path')

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [uni()],
  resolve: {
        // 别名
        alias: {
            // 键必须以斜线开始和结束
            '@': resolve(__dirname, './src')
        },
        // 导入时想要省略的扩展名列表，不建议省.vue
        extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
},
});

vue3设置全局变量 

 如:   app.config.globalProperties.$axios = axios

页面路由

uni-simple-routerhttps://ext.dcloud.net.cn/plugin?id=578 在page.json配置pages

	"pages": [
      // pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "uni-app"
			}
		},
      {
        "path" : "pages/test/index"
      }
    ],

 // 路由跳转
  uni.reLaunch({url: '../test/index'})

页面存储

hooks