Vue(6)- Vue-router进阶、单页面应用(SPA)带来的问题
2024-09-04 10:11:33
一、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数组的一个方法;
最新文章
- dagride实现模糊查询
- SQL链接服务器
- angularjs 弹出框 $modal 参数(转)
- 02.JavaScript 面向对象精要--函数
- 程序设计入门——C语言 第2周编程练习 信号报告(5分)
- html a tag's href javascript issue
- Java中各种(类、方法、属性)访问修饰符与修饰符的说明
- HTML常用标签及其全称
- GifView项目学习
- JUnit4基础 使用JUnit4进行单元测试
- 【jquery ,ajax,php】加载更多实例
- java多线程:ReentrantReadWriteLock读写锁使用
- 【Python】Python与文本处理langid工具包的文本语言检测和歧视
- Oracle 11gR2 RAC ohasd failed to start 解决方法
- Python 接口测试(十)
- LIMIT用法
- redis的过期时间和过期删除机制
- BUGList
- kbmMW功能#5 - kbmMWProcess单元
- python面试题库——3数据库和缓存
热门文章
- 文件上传之 MultipartFile
- 李洪强和你一起学习前端之(8)CSS复习
- poll?transport=longpoll&;connection...连接的作用
- jQuery 实战读书笔记之第三章:操作 jQuery 集合
- C#关键字之Partial详解
- httpd-2.2.22安装
- php max_execution_time执行时间问题
- 解决微信小程序中Date.parse()获取时间戳IOS不兼容的问题(IOS为NaN的问题)
- Jmeter实现对字符串加密
- Pat(Advanced Level)Practice--1026(Table Tennis)