标签：vue 自定义 default js 修改 layouts nuxt

最近做项目需要考虑网站的响应式，组件化以及seo优化，所以最后定型用nuxt.js去搞起～～

一开始对这个框架不是很熟悉，虽然是基于vue语法，但是我一开始就踩了一个坑，按照官网流程去进行项目的安装之后，npm run dev直接就可以启动项目，由于网站有公共头部，所以我去看怎么能够将公共对部分通过nuxt的layout布局去实现，而不是定义为一个组件，还得在需要的每个页面引用一遍，有点麻烦，后来我看官方说可以直接修改layouts目录下的default.vue文件，并且还可以自定义layout，一开始项目构建好之后，大家可以发现在.nuxt目录下有一个layouts文件夹，里面有一个default.vue的页面，

我一度以为是修改那里的文件即可，结果我每次改完之后，重启项目，文件内容都会初始化为默认的内容，我自定义写的东西统统都没了，于是我各种找问题所在，后来才发现，是得自己在根目录下新建一个layouts的文件夹，然后在里面定义default.vue的内容，因为之前修改的default.vue是nuxt自动编译后的文件，修改那里是无效的，啊，这个问题抠了好久，感觉官方文档写的不是太清楚，如有遇见雷同的，希望可以帮到大家！！

继续踩坑去喽，有啥问题随时交流～～

标签：vue,自定义,default,js,修改,layouts,nuxt
来源： https://www.cnblogs.com/shenwh/p/15970069.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。