前端进阶5 - Nuxt.js - 概念

156 阅读1分钟
  • 概念

    • 中间件是什么

      • 只要能获取数据的,都可以被成为中间件
    • nuxt是什么?

      • 基于vue的通用应用框架
      • 对客户端和服务端进行抽象,nuxt主要关注应用的UI渲染
      • nuxt预设了利用vue开发服务端渲染的应用所需要的各种配置
      • nuxt generate ,为基于 Vue.js 的应用提供生成对应的静态站点的功能。是向开发集成各种微服务(Microservices)的 Web 应用迈开的新一步
      • 作为框架,Nuxt.js 为 客户端/服务端 这种典型的应用架构模式提供了许多有用的特性,例如异步数据加载、中间件支持、布局支持等。
      • Nuxt.js 集成了以下组件/框架

        • vue2、vue-router、vuex、vue服务端渲染、vue-meta
        • Nuxt.js 使用 Webpack 和 vue-loader 、 babel-loader 来处理代码的自动化构建工作(如打包、代码分层、压缩等等)
      • 特性

        • 基于 Vue.js
        • 自动代码分层
        • 服务端渲染
        • 强大的路由功能,支持异步数据
        • 静态文件服务
        • ES2015+ 语法支持
        • 打包和压缩 JS 和 CSS
        • HTML 头部标签管理
        • 本地开发支持热加载
        • 集成 ESLint
        • 支持各种样式预处理器: SASS、LESS、 Stylus 等等
        • 支持 HTTP/2 推送
      • 服务端渲染(通过 SSR)

        • 可以使用Nuxt.js作为框架来处理项目的所有 UI 呈现
        • 启动时nuxt,它将启动具有热更新加载的开发服务器,并且Vue 服务器端渲染配置为自动为服务器呈现应用程序
      • 静态化 (预渲染)

        • 支持 Vue.js 应用的静态化算是 Nuxt.js 的一个创新点,通过 nuxt generate 命令实现