Vue-router进阶、单页面应用（SPA）带来的问题
2024-09-07 03:58:30
一 . 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 数组的一个方法
最新文章
- 夺命雷公狗-----React_native---3---react-native-cli的安装
- maven学习（一）
- Pure-ftpd无法连接到服务器 425错误
- [XML] C#ResourceManagerWrapper帮助类 （转载）
- tomcat的catalina
- spring mvc 分页
- Windebug双机调试环境搭建
- hibernate子查询
- HDU 1312 Red and Black (DFS)
- PHP class which generates PDF files from UTF-8 encoded HTML
- 使用asyncio实现redis客户端
- access treeview读取数据表成树并与子窗体联动
- .Net Core缓存组件(MemoryCache)源码解析
- 通读cheerio API
- Android 编程下 Managing Your App's Memory
- 万恶之源 - Python数据类型二
- PHP环境的搭建及与nginx的集成
- Linux远程复制文件
- 伪基站，卒于5G——本质上是基于网络和UE辅助的伪基站检测，就是将相邻基站的CI、信号强度等信息通过测量报告上报给网络，网络结合网络拓扑、配置信息等相关数据，对所有数据进行综合分析，确认在某个区域中是否存在伪基站
- ajax前置处理实现异步请求session过期时跳转登录页面