博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue(6)- Vue-router进阶、单页面应用(SPA)带来的问题
阅读量:2240 次
发布时间:2019-05-09

本文共 678 字,大约阅读时间需要 2 分钟。

一、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数组的一个方法;

转载于:https://www.cnblogs.com/li-li/p/10060438.html

你可能感兴趣的文章
【Linux】多线程和多进程 及其应用场景
查看>>
【C++】构造函数中必须通过初始化列表来进行初始化情况
查看>>
【算法】对于大数的操作
查看>>
【操作系统】系统调用的概念
查看>>
【计算机网络】cookie和session的区别
查看>>
【C++】构造函数、析构函数抛出异常的问题
查看>>
【C++】关于vector<bool>
查看>>
【操作系统】内存碎片产生原因及终极解决办法
查看>>
幂等性验证思想
查看>>
DB理论--数据存储方式
查看>>
PB协议的说明与使用
查看>>
什么是TPS,什么是QPS,区别是什么?
查看>>
git pull遇到错误:error: Your local changes to the following files would be overwritten by merge:
查看>>
arraylist扩容时机java8
查看>>
logback中additivity的理解
查看>>
一篇文章搞懂hash,hashcode,equals,==的用法
查看>>
mysql数据库,悲观锁。for update 的用法。
查看>>
springboot+jta+atomikos多数据源和 springboot+mybatisplus+aop实现数据库读写分离而引发的一些思考
查看>>
java面试中常考的一些面试sql语句
查看>>
一个字节等于多少位?
查看>>