51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频 免费课程 课程排行 直播课 软考学堂
全部课程 厂商认证 IT技术 24年11月软考 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库

ios vue 单页 vue单页应用详解
最近公司技术 Leader 说要以后要使用 VUE 来构建单页应用，让我先研究下怎么搞。既然接到了任务那就撸起袖子开干吧，由于之前有过使用 VUE 做页面数据绑定，对 VUE 这东西还是很有好感的。于是乎 google 了一堆先行者的文章，看了一圈下来有了一个基本的概念。在我看来，单页应用就是把网页做的跟原生 APP 差不多的形式，没有传统网页那样的有明显的页面跳转，页面切换比较流畅顺滑，用户体验
ios vue 单页
vue
单页应用
加载
API
转载
mob64ca13f4c367
2023-09-04 15:29:57
52阅读

vue单页引用axios vue单页应用详解
1.Vue.js是什么？与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层Vue 完全有能力驱动采用单文件组件和生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。3.单页应用程序（SPA）单页应用一般指的就是一个页面就是应用，当然也可以是一个子应用，比如说知乎的一个页面就可以视为一个子应用
vue单页引用axios
vue.js
javascript
html5
Vue
转载
mob64ca13ed93fa
9月前
88阅读

Vue 单页、路由
目录单页、路由的基本使用路由模式路由跳转 单页应用：一个页面即一个简单应用，组件化开发传统的页面调转是浏览器请求新页面，单页是把原本的多个页面以组件的形式集成在一个页面中，页面跳转时由vue路由到目标页面，因为目标页面是当前页面的一部分，切换到指定部分即可，浏览器不用发起新请求。 单页、路由的基本使用#下载vue的路由插件npm install vue-router<div id="app"></div><!-- 引入vue.js --
vue
单页
路由
路由传参
嵌套路由
原创
mb5861ee280b600
2021-09-07 16:04:54
350阅读

vue 单页面 axios vue单页应用原理
vue-router实现原理SPA(single page application):单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容。单页面应用(SPA)的核心之一是:更新视图而不重新请求页面;vue-router在实现单页面前端路由时，提供了两种方式：Hash模式和History模式。1、hash模式随着 ajax 的流行，异步数据请求交互
vue 单页面 axios
User
重定向
嵌套
转载
mob64ca14017c37
7月前
96阅读

单页应用 SAP Vue
https://en.wikipedia.org/wiki/Single-page_application https://en.wikipedia.org/wiki/Vue.js A single-page application (SPA) is a web application or web
css
d3
ide
f5
3c
转载
ActionTech
2018-07-18 13:42:00
230阅读
2评论

单页vue路由router
Vue.js + vue-router 可以很简单的实现单页应用。 <router-link> 是一个组件，该组件用于设置一个导航链接，切换不同 HTML 内容。 to 属性为目标地址， 即要显示的内容。 以下实例中我们将 vue-router 加进来，然后配置组件和路由映射，再告诉 vue-rou
vue.js
配置参数
html
js代码
模块化
转载
mob604756f6460e
2019-04-03 17:58:00
110阅读
2评论

vue单页面应用 架构 vue单页应用详解
请先完成了项目初始化看一下完成的效果图，很典型的单页应用。.vue后缀名的单文件组件   这里先说一下我对组件的理解。组件，顾名思义就是一组元素组成的一个原件（理解的比较浅显、直白），在Vue.js中，表现为一个自定义元素。开篇展示的图中，首页的的列表中的每一项就可以看成一个组件（事实上，在demo中，我也是这么做的），这个组件由一张图片，一个显示价格的元素，一
vue单页面应用 架构
javascript
ViewUI
html
css
转载
mob64ca1418e88d
9月前
93阅读

单页面vue 使用 axios vue单页应用详解
现在的手机软件普遍都是单页面应用，尤其是商城类网站应用更广，那么为什么大多数企业都选择了单页面应用呢，原因主要是1，单页面应用只有一个主页面，切换页面更加流畅，比起传统的多页面应用项目会很清晰明了，没有多页面应用繁杂。那么单页面应用是怎么实现的呢?这里就要讲到Vue了，Vue是公认的前端三大框架之一，还有react，angular，这里主要讲解Vue，日后在讲解其余两个框架吧。引入Vue.js，当
单页面vue 使用 axios
vue.js
javascript
前端
Vue
转载
mob64ca14092155
2月前
104阅读

java vue 单页应用 vue的单页面应用
在new Router({})配置 mode 参数，mode值可选hash或者History。hash模式 hash（#）是URL的锚点，同时每一次改变#后的部分，都会在浏览器的访问历史中增加一个记录，使用”后退”按钮，就可以回到上一个位置；但不会对服务端请求数据。使用hashchange()监听hash值变化，使用window.location.href重新赋值。 用法实例// 对hash值变
java vue 单页应用
html
历史记录
服务端
转载
mob6454cc79ab13
2023-07-15 15:15:56
119阅读

vue单页应用架构设计怎么写 vue单页应用和多页应用
多页应用每次页面跳转，后台的服务器都会给我们返回一个新的HTML文档首页时间快：页面首个屏幕的内容展现出来的时间 =》因为访问一个页面，服务器返回一个HTML，页面就会被展示出来，这个过程只经历了一个 http请求的过程SEO效果好： 搜索引擎优化效果非常好，搜索引擎在做排名的时候，需要知道网页的内容，根据网页的内容才会给网页权重来进行网页的排名。搜索引擎可以识别HTML中的内容，而每个页面的所有
vue单页应用架构设计怎么写
Vue
HTML
搜索引擎
页面切换
转载
mob64ca14106f2f
2月前
3阅读

vue 单页 spring boot vue springboot 分页
方法一：sql分页思路：使用数据库进行分页 前端使用element-ui的分页组件，往后台传第几页的起始行offest 以及每页多少行pageSize，后台根据起始行数和每页的行数可以算出该页的最后一行，随后对数据库中的数据先进行排序，算出总共多少行，然后使用 limit 关键字进行限定查询所需要的数据，另外还要把总行数返回，不然前端页面没法显示总条数；（注：下方方法
vue 单页 spring boot
分页
文件类型
List
转载
mob6454cc7a88c0
7月前
36阅读

vue 配置单页面rem生效 vue单页应用详解
Vue基础问题总结大全（一）一、单页应用二、vue-router两种模式的区别 一、单页应用什么是单页应用？单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。单页面应用的优缺点： 优点： 1、用户操作体验好，用户不用刷新页面，整个交互过程都是通过Ajax来操
vue 配置单页面rem生效
加载
html
服务器
转载
人类新新
4月前
56阅读

vue 单页应用 addEventListener removeEventListener vue的单页面应用
Vue单页面应用目标：掌握单页面文件组建的语法掌握单页面应用的开发单文件组件概述：单文件组件是指将组件用独立文件的方式进行创建，文件扩展名是.vue单文件组件的构成 （1）.Template模板 （2）.实例对象 （3）.CSS样式单页面应用创建vue单页面应用：Vue-cli是一个Vue脚手架，可以快速构造项目结构vue-cli2.0包含了多个项目模板Vue-cli3简化了webpack配置最新
vue
Vue
单页面应用
App
转载
网猴儿
5月前
37阅读

vue-cli 单页到多页应用
前言我有一个cli创建的vue项目，但是我想做成多页应用，怎么办，废话不多说，直接开撸~约定：新增代码部分在//add和//end中间 删除(注释)代码部分在//del和//end中间，很多东西都写在注释里第一步：cli一个vue项目新建一个vue项目，官网：vue init webpack democli默认使用webpack的dev-server服务，这个服务是做不了单页的，需要手动建一个私服
VUE
转载
梦想代码
2018-06-05 15:47:31
3062阅读
1点赞

vue3 单页面使用jquery vue单页应用详解
文章目录1.前言2.什么是单页面应用（SPA）3.单页面应用（SPA）优缺点？4.单页面应用（SPA）和vue-router关系？5.前端路由的两种模式5.1 hash路由5.2 history路由5.3 路由总结 1.前言之前说了vue-cli系列,已经清楚了目录结构，还有webpack的配置，那么下面几篇文章我们来说下vue-router！2.什么是单页面应用（SPA）单页Web应用（sin
vue3 单页面使用jquery
vue.js
javascript
加载
单页面应用
转载
mob6454cc743894
2月前
21阅读

基于vue单页应用的例子
目录结构 - src目录 主要的代码目录 - components 存放项目组件 - router 路由文件 - store store文件 - main.js 最终被打包到build文件 - statics 静态文件 - idnex.html 项目入口文件 - webpack.config.js webpack配置文件主要代码入口index.html文件<!D
vue
单页应用
css
Vue
html
原创
676015863
2023-06-01 00:29:59
119阅读

前端基础-Vue.js单页应用
第11章 单页应用11.1 单页应用什么是单页应用单页应用(single page web application，SPA)，是在一个页面完成所有的业务功能，浏览器一开始会加载必需的HTML、CSS和JavaScript，之后所有的操作都在这张页面完成，这一切都由JavaScript来控制。单页应用优缺点优点操作体验流畅完全的前端组件化缺点首次加载大量资源(可以...
vue
html
javascript
加载
a标签
原创
wx5d0241bb88268
2021-08-17 17:47:44
567阅读

前端基础-Vue.js单页应用
第11章 单页应用11.1 单页应用什么是单页应用单页应用(single page web application，SPA)，是在一个页面完成所有的业务功能，浏览器一开始会加载必需的HTML、CSS和JavaScript，之后所有的操作都在这张页面完成，这一切都由JavaScript来控制。单
vue
html
javascript
加载
a标签
原创
wx5d0241bb88268
2022-03-03 15:03:38
145阅读

vue单页缓存方案分析及实现
实现全站的页面缓存，前进刷新，返回走缓存，并且能记住上一页的滚动位置，
vue
缓存
加载
github
原创
暴走的狗子
2022-03-29 11:13:09
421阅读

Vue单页及多页应用全局配置404页面实践记录
无论单页还是多页，我的实现思路是总体配置404页面的思路就是在前端路由表中添加一个 path: '/404' 的路由，渲染相应的404页面。这篇文章主要介绍了Vue单页及多页应用全局配置404页面实践,需要的朋友可以参考下前后端分离后，控制路由跳转的责任转移到了前端，后端只负责给前端返回一个html文档以及提供各种接口。下面我们用作例子的两个项目，均采用vue作为基础框架，一个是SPA应用，另...
路由表
重定向
动态生成
html
路由配置
转载
wx61133eeec1457
2021-08-12 16:56:51
699阅读
  • 1
  • 2
  • 3
  • 4
  • 5
职场话题
更多

2024软考

华为认证

K8s

数据库
相关文章

使用 Vuex + Vue.js 构建单页应用

Android webview 加载Vue elementUi 单页应用问题

Vue单页面应用打开新的标签页

vue再读74-单页应用SPA特点

Vue3实施单页应用（SPA）实例

【Vue技术_路由，routej单页技术的实现】

vue单页在ios app中缓存问题 vue缓存页面

Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯