Vue（6）- Vue-router进阶、单页面应用（SPA）带来的问题

一、Vue-router进阶

　　回顾学过的vue-router，并参考官方文档学习嵌套路由等路由相关知识。

二、单页面应用（SPA）带来的问题

1、虽然单页面应用有优点，但是，如果后端不做服务器渲染（https://ssr.vuejs.org/），基于vue实现的单页面应用是不能爬取到数据的，而且对SEO（搜索引擎优化）不友好。

　　可通过审查元素的Sources来查看vue实现的网站是否做了服务器渲染。

　　下图是vue官网的效果，可见做了服务器渲染：

 

　　下图是路飞学城官网的效果，可见并没有做服务器渲染：

　　对于单页面应用，为了SEO（搜索引擎优化），或者为了爬虫，就需要做服务器渲染，但是vue不支持django做服务器渲染，因为与vue不共用一套代码（全家桶vue+vue-router+vuex），而node.js是在JavaScript基础上封装的一套后端代码，所以node.js中能写js，即vue和node.js是可以共用一套代码，可以搭建一个node.js服务器，来做服务器渲染。

三、其他

1、模块化开发中的平行组件传值

　　在main.js中创建bus实例，挂载到原型，如下：       

　　let bus = new Vue();
　　Vue.prototype.$bus = bus;

2、each和foreach

　　$.each()是jquery的方法，可以循环数组和对象；

　　forEach()是javascript数组的一个方法；