当前位置:   article > 正文

nuxt是什么

nuxt是什么

nuxt是一个专注于ui渲染的应用框架,你可以使用Nuxt创建一个灵活的应用框架,你可以基于它初始化新项目的基础结构代码
使用nuxt你可以快速搭建一个项目,而省略了繁琐的webpack babel sass vue-loader等等配置,同时nuxt还提供了服务器端渲染功能,
所以nuxt提供的是一种快速搭建项目的能力,


我们可以从nuxt中学到什么?
1:vue项目结构
  nuxt推荐的项目结构是
    assets资源目录,
    components组件目录,
    layouts母版页, 这个之前没写过
    pages页面, 
    plugins插件:我之前都是把vue插件直接写在main.js中
    static静态文件,
    Store vuex目录,
    middleware中间件目录 在每一个页面加载之前调用 如果是spa模式 就是vue的beforeRouter方法
我们可以在上面的基础上扩展新的文件:
    filter 数据过滤文件 提供统一的数据整理能力
2:nuxt省区了所以的配置,同时他给我们提供了一个配置文件的入口,以保证如果我们需要特定化配置,不至于没有地方进行配置
3:为支持服务器端渲染 nuxt提供了asyncData fetch nuxtServerInit功能
4:nuxt为我们提供了去扩展nuxt能力的方法 就是模块
5:nuxt提出了view层中间件的想法:中间件的思路是在每一个页面加载和渲染之前执行的方法,我们可以用来执行鉴权或其他方法
6:nuxt提出了layout的想法,我们之前都没有想过去使用模板来定制化我们的界面

所以本质上,nuxt提供一个基本的项目结构,并把服务器端渲染集成进来,同时将当前前端发展的最新技术应用于nuxt中,如预加载 页面过度效果等

转载于:https://www.cnblogs.com/mrzhu/p/11245437.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/运维做开发/article/detail/971410
推荐阅读
相关标签
  

闽ICP备14008679号