前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue单页面应用

Vue单页面应用

作者头像
全栈程序员站长
发布2022-09-07 10:19:35
9430
发布2022-09-07 10:19:35
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

总结如下:

单页面应用指一个系统只加载一次资源,然后下面的操作交互、数据交互是通过router、ajax来进 行,页面并没有刷新;

<1>在vue搭建的环境里面怎么有没有公用的css和js?如果有是怎么引用的?

有公用的css和js,有两种引用的方法:(要深刻理解单页面应用程序哦,单页面就是引入后在哪里都能使用)

1.全局公共引用样式和js文件

Vue单页面应用
Vue单页面应用

2.组件的引入

Vue单页面应用
Vue单页面应用

单页面的应用优点:

1.分离前后端关注点,前端负责界面显示,后端负责数据存储和计算。不会把前后端的逻辑混杂在一起;

2.减轻服务器压力,服务器只用出数据就可以;

3.同一套后端程序代码,不用修改就可以用于Web界面、手机、平板等多种客户端;

4.用户体验好、快,内容的改变不需要重新加载整个页面,web应用更具响应性和更令人着迷;

5.SPA和RESTful架构一起使用,后端不再负责模板渲染、输出页面工作,web前端和各种移动终端地位对等,后端API通用化;

单页面的应用缺点:

1. 初次加载耗时相对增多;

2.导航不可用,如果一定要导航需要自行实现前进、后退,需要程序来实现管理;

3.使用脚本修改页面,这个脚本我们都知道,他的兼容性是个大问题;

4. 不利于SEO问题,现在可以通过Prerender等技术解决一部分;

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/147737.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 单页面应用指一个系统只加载一次资源,然后下面的操作交互、数据交互是通过router、ajax来进 行,页面并没有刷新;
相关产品与服务
数据保险箱
数据保险箱(Cloud Data Coffer Service,CDCS)为您提供更高安全系数的企业核心数据存储服务。您可以通过自定义过期天数的方法删除数据,避免误删带来的损害,还可以将数据跨地域存储,防止一些不可抗因素导致的数据丢失。数据保险箱支持通过控制台、API 等多样化方式快速简单接入,实现海量数据的存储管理。您可以使用数据保险箱对文件数据进行上传、下载,最终实现数据的安全存储和提取。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档