本文共 422 字,大约阅读时间需要 1 分钟。
创建Nuxt.js项目及页面路由优化说明
创建Nuxt.js项目确保已安装node.js和vue-cli工具,全局安装create-nuxt-app脚手架工具。运行命令:npm install create-nuxt-app@2.9.x -g。接着在项目目录下执行:npx create-nuxt-app my-nuxt-dome即可启动项目,cd my-nuxt-demonpm run dev。
页面与路由配置pages目录用于存储路由及视图,默认index.vue为首页。Nuxt.js根据文件名自动生成路由,访问/测试即打开test.vue。自动路由会更新,当文件变更时更新.nuxt/router.js。
页面跳转方式使用
编程式路由跳转可使用window.location.href或contexthof函数,适合动态跳转或执行额外逻辑。
转载地址:http://myksz.baihongyu.com/