使用nuxt

it2023-02-02  51

第一次使用nuxt项目第一步看官网

在文章最后有小彩蛋,会有我一个菜鸟如何学习nuxt项目的过程和小经验

https://www.nuxtjs.cn/guide/installation 根据官网–安装好项目 这个结构一脸懵 不要紧 在网上已经帮大家找到尽可能 修改成 vue-cli3的样子,可参考:https://zhuanlan.zhihu.com/p/55129840

我没有修改结构。 不过有一些我的小问题 比如:

nuxt 使用iconfont

nuxt项目不像vue那样,可以在线使用 在vue中可直接将路径放到入口文件的html中 不过nuxt可使用下载至本地: 会有一个压缩包,直接解压,放到nuxt项目中

最后在nuxt.config.js中进行配置 注意路径不能用别称@。iconfont在nuxt项目中就可以正常使用啦

看官网的步骤1:找路由,

nuxt虽然没有router.js但要知道怎么形成的,官网有对应的解释。 不过自己在写路由跳转时,比如this. r o u t e r . p u s h ( “ / d e s i g n ” ) 是 不 行 要 改 成 t h i s . router.push(“/design”)是不行要改成this. router.push/designthis.router.push({path:’/design’})

第一步就是写对应页面啦

最新回复(0)