Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲

原创 2018年04月17日 19:52:51

Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲

第1章 课程介绍

课程介绍,介绍课程的章节安排和学习本门课程的一些注意点。

第2章 Vue+Webpack的前端工程工作流搭建

详细讲解webpack的配置以及vue-loader,css-module等较为高级的内容如何进行配置。

第3章 Vue核心知识

从Vue的实例、生命周期、原生指令、数据绑定、特殊API和组件开发等角度详细分析Vue的方方面面。并且深入讲解Vue的组件开发,包括一些高级属性slot、自定义双向绑定、render function等。

第4章 Vue-Router和Vuex

首先把Vue-Router和Vuex集成到项目开发当中。然后分别讲解Vue-Router和Vuex的详细使用方法和API,包括Router的配置,导航守卫,Vuex的配置,分模块等。并实现了Vuex Store的热更替功能。

第5章 服务器渲染

在项目当中加入Node Server,同时集成服务端渲染。解决服务端渲染需要考虑的基础问题,包括开发时如何跟webpack-dev-server配合,title信息的处理,正式环境的服务端渲染使用等。

第6章 高级组件开发

通过两个高级组件:Notification和Tabs,讲解一些只有在高级组件开发当中才会用到的开发技巧。比如通过extend继承组件,通过一个js方法调用组件的显示,以及嵌套组件父组件显示子组件中的内容等。

第7章 项目开发

首先开发服务端的API接口,然后进行前后端的接口联调,登录页面的实现,以及最后调整服务端渲染的代码,让服务端渲染的时候用到的数据可以在客户端重用。

第8章 部署和总结

通过PM2在服务器上部署项目应用,并自动化把静态资源部署到七牛CDN上面。同时使用nginx配置让应用可以通过域名访问。最后总结课程内容。


下载地址:

百度网盘下载

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33561908/article/details/79979744

搭建vue2.0+vuex+vue-router+babel+webpack环境

简单的自建流程1、 创建项目目录 2、 git 仓储 git init 3、 写.gitignore .gitignore node_modules npm-debug....
  • u010427666
  • u010427666
  • 2017-07-16 17:30:47
  • 437

vue+vue-router+vuex,利用vue-router2.2.0新增特性addRoutes实现路由动态加载,菜单动态加载,运用于后台管理系统,路由数据取自数据库

vue,vuex,vue-router新特性addRoutes,动态加载路由,服务端渲染路由
  • s8460049
  • s8460049
  • 2017-03-13 15:04:47
  • 29427

Vue2.0 项目实战案例及Demo,基于vue2.0+vuex+vue-router+axios实现

Github地址:https://github.com/hicoldcat/TimeCat
  • hicoldcat
  • hicoldcat
  • 2017-02-06 17:25:39
  • 9752

Vue应用开发高级核心技术vue vuex ssr vue-router webpack深度讲解

每天都会分享各大视频资源站资源,大家一起学习qq群:377215114第一章 介绍第二章 Vue+Webpack及vue-loader,css-module高级配置搭建开发环境第三章 Vue实例及核心...
  • jianyue178826
  • jianyue178826
  • 2018-04-10 08:46:04
  • 45

Vue2.0 + vue-router + Vuex实战演练

项目GitHub地址:  https://github.com/RobbieXie/vuex-simple-demo 先说说项目吧,导师让做一个陈年老项目WebGIS的重构,前端我们选择了没...
  • talentxiet
  • talentxiet
  • 2017-04-15 15:15:46
  • 981

一个完整的vue应用 ( vuex+vue-router ) 起手

项目连接 github链接 介绍 本项目主要介绍如何使用vue+vuex+vue-router开启一个SPA应用,注重的是将应用搭建起来,所以项目不大 第一次发文,...
  • Gavid0124
  • Gavid0124
  • 2017-07-01 18:12:10
  • 2574

Vuex(四)--Vue核心概念Mutation

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个...
  • zhuming3834
  • zhuming3834
  • 2017-10-25 09:33:34
  • 524

基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》

https://hzzly.github.io/2017/03/08/%E8%BF%9B%E9%98%B6vue%E5%85%A8%E5%AE%B6%E6%A1%B6/有人说只会vue不会vuex还只...
  • sinat_17775997
  • sinat_17775997
  • 2017-04-05 22:53:24
  • 5337

一个vue2.0+vuex+vue-router搭建的单页潮流购物网站

项目demo地址 github源码地址首页如果觉得不错,给github源码点个赞吧QAQ前言这篇文章是总结自己写项目时的思路,遇到的问题,和学到的东西,本文只截取一部分来讲,源码已奉上,觉得项目还行...
  • github_37037281
  • github_37037281
  • 2017-02-12 11:12:11
  • 2654

Vue服务端渲染业务入门实践

背景 最近, 产品同学一如往常笑嘻嘻的递来需求文档, 纵使内心万般拒绝, 身体倒是很诚实。 接过需求,好在需求不复杂, 简单构思 后决定用Vue, 得心应手。 切好图, 挽起袖子准备...
  • lijc_boke
  • lijc_boke
  • 2017-03-04 11:11:32
  • 4348
收藏助手
不良信息举报
您举报文章:Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲
举报原因:
原因补充:

(最多只允许输入30个字)