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中,如预加载 页面过度效果等
所有评论(0)