10、VUE路由技术
2024-09-04 04:52:41
1、前端路由
前端路由在很多开源的js类库框架中都得到支持,如AngularJS、Backbone、Vue.js等等。
前端路由和后端路由原理一样,是让所有的交互和展示在一个页面运行,以达到减少服务器请求,提高客户体验的目的,越来越多的网站特别是web应用都用到了前端路由
点击链接1,下面内容区出现页面1的内容,整个页面不整体刷新,只是局部刷新。
这个类似于ajax类似,但是又是不同的,ajax是发送http请求到后台。
前端路由只是在前台处理,跟后台没关系。
2、后端路由
3、Vue.js路由介绍
Vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。
Vue.js的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。在单页面应用中,路径之间的切换,也就是组件的切换。
4、Vue.js路由案例
4.1. 引入vue-router.js
https://unpkg.com/vue-router/dist/vue-router.js
4.2. 创建组件构造器
创建两个组件构造器Home和About
4.3. 映射路由
4.4. 定义路由链接
4.5. 运行路由
最新文章
- HashMap与TreeMap源码分析
- linux下的nodejs安装
- 关于iOS中的时间
- rabbitMQ Connection timed out
- 数往知来 asp.net 聊天室问题解决方案<;十六>;
- php用正则表达式获取网站的标题内容
- BZOJ_1507_Editor_[NOI2003]_(Splay)
- Google Cardboard
- 一道面试题细说C++类型转换
- HDU 1286 找新朋友
- Arduino 入门程序示例之一个 LED(2015-06-11)
- MVC自定义分页
- A1013. Battle Over Cities
- Keras序列模型学习
- mysql命令备份和还原
- Linux:进程
- 【python中调用shell命令使用PIPE】使用PIPE作为stdout出现假卡死的情况——将stdout重定向为输出到临时文件
- 在阿里云Windows Server 上部署ASP .NET CORE2.0项目
- CStatic的透明背景方法
- 解决以showModalDialog打开的页面在提交表单时弹出新窗口的问题