Nuxt2基础+vue项目重构实战

掌握vue解决多页面的问题,了解ssr框架

15人学习

高级33课时2022/11/28更新

二维码下载学堂APP缓存视频离线看

小鹿线
    • 畅销套餐
    • 精选套餐
    • 人气套餐
    • 尊享套餐
    • 高薪套餐
Web前端:框架技术(套餐系列)
通俗易懂的Bootstrap视频课程(适合初学者的教程)
57895人学习
¥29.00
Vue.js 2.0之全家桶系列视频课程(vue、vue-router、axios、vuex)
1576249人学习
¥69.00
AngularJS基础入门视频课程
15584人学习
¥29.00
更 多 3 门 课 程
Vue.js系列专题课(套餐)
Vue.js 2.0之全家桶系列视频课程(vue、vue-router、axios、vuex)
1576249人学习
¥69.00
Vue 3.0 新特性多面解析(走在技术前沿)
4823人学习
¥69.00
【精品课】Vue.js实现电商后台管理系统(企业项目实战)
16947人学习
¥199.00
更 多 5 门 课 程
前端零基础学习VUE
HTML + CSS零基础经典教程系列
72569人学习
¥29.00
JavaScript经典教程系列
137039人学习
¥129.00
JavaScript - ES6系列视频教程
35707人学习
¥20.00
更 多 5 门 课 程
Vue全家桶实战+后台管理权限实战+小程序项目实战
2020新vue2.5视频教程 核心技术讲解+实战精讲教程 vue快速入门
21283人学习
¥28.00
20全新 vue2.5视频教程 vue项目实战 cubeui全家桶单页面仿京东电商实战
78927人学习
¥49.00
2020全新elementUI项目实战教程 vue整合Echarts后台权限视频教程
22485人学习
¥59.80
更 多 6 门 课 程
Vue全家桶实战+后台管理权限实战+小程序项目实战
2020新vue2.5视频教程 核心技术讲解+实战精讲教程 vue快速入门
21283人学习
¥28.00
20全新 vue2.5视频教程 vue项目实战 cubeui全家桶单页面仿京东电商实战
78927人学习
¥49.00
2020全新elementUI项目实战教程 vue整合Echarts后台权限视频教程
22485人学习
¥59.80
更 多 6 门 课 程
  • 课程介绍
  • 课程大纲

适合人群:

有vue基础的学员

你将会学到:

掌握vue解决多页面的问题,了解ssr框架

课程简介:

  • Nuxt.js 是一个基于 Vue.js 的通用应用框架。

  • 通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI 渲染。

  • 就使用而言,组件写法基本和vue相差不大,区别在于几个钩子函数,以及一些服务端渲染相关的东西

nuxt特性

  • 基于 Vue.js

  • 自动代码分层

  • 服务端渲染

  • 强大的路由功能,支持异步数据

  • 静态文件服务

  • ES2015+ 语法支持

  • 打包和压缩 JS 和 CSS

  • HTML 头部标签管理

  • 支持各种样式预处理器: SASS、LESS、 Stylus 等等

优点

  • 利于seo,一般购物类网站都需要seo优化

  • 首屏渲染速度更快

    • 原因是:服务端渲染只需要进行一次网络请求,而客户端渲染需要先请求运行所需文件,运行之后再进行网络请求数据,然后加载页面

缺点

  • 对于服务器要求比客户端渲染高


展开更多

课程大纲-Nuxt2基础+vue项目重构实战

  • 第1章为什么用nuxt(54分钟4节)

  • 1-1

    vue-cli本身问题本节课讲述了vue-cli本身问题的相关内容

    「仅限付费用户」点击下载“02 vue-cli本身问题.rar”

    [11:25]
  • 1-2

    预渲染本节课讲述了预渲染的相关内容

    「仅限付费用户」点击下载“03 预渲染.rar”

    [21:27]
  • 1-3

    服务端渲染本节课讲述了服务端渲染的相关内容

    「仅限付费用户」点击下载“04 服务端渲染.rar”

    [09:48]
  • 1-4

    项目解决seo的方案选择本节课讲述了项目解决seo的方案选择的相关内容

    「仅限付费用户」点击下载“05 项目解决seo的方案选择.rar”

    [12:17]
  • 第2章Nuxt安装和使用(2小时14分钟4节)

  • 2-1

    nuxt安装和目录结构本节课讲述了nuxt安装和目录结构的相关内容

    「仅限付费用户」点击下载“06 nuxt安装和目录结构.rar”

    [15:25]
  • 2-2

    nuxt生命周期本节课讲述了nuxt生命周期的相关内容

    「仅限付费用户」点击下载“07 nuxt生命周期.rar”

    [44:38]
  • 2-3

    nuxt路由本节课讲述了nuxt路由的相关内容

    「仅限付费用户」点击下载“08 nuxt路由.rar”

    [29:46]
  • 2-4

    nuxt导航守卫本节课讲述了nuxt导航守卫的相关内容

    「仅限付费用户」点击下载“09 nuxt导航守卫.rar”

    [44:37]
  • 第3章Nuxt配置项(1小时43分钟7节)

  • 3-1

    nuxt配置之head本节课讲述了nuxt配置之head的相关内容

    「仅限付费用户」点击下载“10 nuxt配置之head.rar”

    [15:57]
  • 3-2

    nuxt配置之css本节课讲述了nuxt配置之css的相关内容

    「仅限付费用户」点击下载“11 nuxt配置之css.rar”

    [07:58]
  • 3-3

    nuxt配置之plugins本节课讲述了nuxt配置之plugins的相关内容

    「仅限付费用户」点击下载“12 nuxt配置之plugins.rar”

    [06:30]
  • 3-4

    nuxt配置之modules和数据交互本节课讲述了nuxt配置之modules和数据交互的相关内容

    「仅限付费用户」点击下载“13 nuxt配置之modules和数据交互.rar”

    [25:14]
  • 3-5

    nuxt配置代理本节课讲述了nuxt配置代理的相关内容

    「仅限付费用户」点击下载“14 nuxt配置代理.rar”

    [06:52]
  • 3-6

    登录&获取个人信息本节课讲述了登录&获取个人信息的相关内容

    「仅限付费用户」点击下载“15 登录&获取个人信息.rar”

    [32:18]
  • 3-7

    nuxt配置之loading本节课讲述了nuxt配置之loading的相关内容

    「仅限付费用户」点击下载“16 nuxt配置之loading.rar”

    [08:21]
  • 第4章nuxt使用Vuex状态树(11分钟1节)

  • 4-1

    nuxt使用Vuex状态树本节课讲述了nuxt使用Vuex状态树的相关内容

    「仅限付费用户」点击下载“17 nuxt使用Vuex状态树.rar”

    [11:54]
  • 第5章项目重构(4小时58分钟17节)

  • 5-1

    路由配置本节课讲述了路由配置的相关内容

    「仅限付费用户」点击下载“18 项目重构-路由配置.rar”

    [18:26]
  • 5-2

    代理和扩展$axios解耦本节课讲述了代理和扩展$axios解耦的相关内容

    「仅限付费用户」点击下载“19 代理和扩展$axios解耦.rar”

    [19:11]
  • 5-3

    引入vuex和组件重构本节课讲述了引入vuex和组件重构的相关内容

    「仅限付费用户」点击下载“20 引入vuex和组件重构.rar”

    [29:30]
  • 5-4

    重构首页底部组件本节课讲述了重构首页底部组件的相关内容

    「仅限付费用户」点击下载“21 重构首页底部组件.rar”

    [14:44]
展开更多
在线
客服
APP
下载

下载Android客户端

下载iphone 客户端

官方
微信

关注官方微信

返回
顶部