nuxt3

nuxt3是一款基于Vue3的混合开发框架

拉取脚手架 ,此处注意 node版本必须高于v14.16.0

npx nuxi init <你的项目名称>

安装依赖

yarn install

启动项目

yarn dev

nuxt的约定式路由

如果只有app.vue不创建pages目录，将不会引入vue-router，则打包体积更小，反之则引入路由库

页面路径

nuxt3会自动整合vue-router，并且映射pages/目录到应用的routes配置中。

[ 
    { 
        path: '/', 
        component: '~/pages/index.vue', 
        name: 'index', 
    }, 
    { path: '/detail', 
    component: '~/pages/detail.vue', 
    name: 'detail', 
    } 
]