项目中顶部导航条和底部tabbar组件均是在之前vue2版的基础上开发的vue3版。
大家如果感兴趣，可以去看看之前的一篇分享文章。
https://www.cnblogs.com/xiaoyan2017/p/13791980.html
◆ Vue3自定义弹层组件项目中使用到的弹框场景，均是最新开发的vue3.0自定义弹框组件v3popup来实现的。
v3popup 一款汇集多种弹框类型及动画效果的vue3.x弹框组件。开发灵感来源于之前的vue2版，并在功能及效果上保持一致性。
如果大家对具体的实现感兴趣的话，可以去看看之前的这篇文章。
https://www.cnblogs.com/xiaoyan2017/p/14210820.html
◆ vue.config.js配置/** * Vue3基础配置文件 */ const path = require(\'path\') module.exports = { // 基本路径 // publicPath: \'/\', // 输出文件目录 // outputDir: \'dist\', // assetsDir: \'http://www.likecs.com/\', // 环境配置 devServer: { // host: \'localhost\', // port: 8080, // 是否开启https https: false, // 编译完是否打开网页 open: false, // 代理配置 // proxy: { // \'^/api\': { // target: \'<url>\', // ws: true, // changeOrigin: true // }, // \'^/foo\': { // target: \'<other_url>\' // } // } }, // webpack配置 chainWebpack: config => { // 配置路径别名 config.resolve.alias .set(\'@\', path.join(__dirname, \'src\')) .set(\'@assets\', path.join(__dirname, \'src/assets\')) .set(\'@components\', path.join(__dirname, \'src/components\')) .set(\'@views\', path.join(__dirname, \'src/views\')) } }