zoukankan      html  css  js  c++  java
  • Vue --6 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;
  • 相关阅读:
    springcloud 依赖包报错解决
    牛客题集:练习赛67、68
    建立虚点?一类暴力连边会超时的最短路问题
    牛客题集:练习赛69、70
    牛客题集:练习赛71、72
    牛客题集:练习赛74、75
    2021icpc training camp contest2
    牛客题集:练习赛76
    C.Skyscrapers
    Mac brew安装postgresql问题
  • 原文地址:https://www.cnblogs.com/wxj1129549016/p/10066270.html
Copyright © 2011-2022 走看看