• 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;
  • 相关阅读:
    Unity Glossary
    Event-Driven Programming: Introduction, Tutorial, History (Stephen Ferg 著)
    2019年11月
    2019年10月
    2019年9月
    LuaFramework 学习
    xLua 学习
    2019年8月
    【原】AFNetworking源码阅读(二)
    【原】AFNetworking源码阅读(一)
  • 原文地址:https://www.cnblogs.com/wxj1129549016/p/10066270.html
Copyright © 2020-2023  润新知