Vue单页面应用

Vue单页面应用总结如下: 单页面应用指一个系统只加载一次资源,然后下面的操作交互、数据交互是通过router、ajax来进    行,页面并没有刷新;<1>在vue搭建的环境里面怎么有没有公用的css和js?如果有是怎么引用的?   有公用的css和js,有两种引用的方法:(要深刻理解单页面应用程序哦,单页面就是引入后在哪里都能使用)   1.全局公共引用样式和js文件   …

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

总结如下:

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

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

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

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

       Vue单页面应用

   2.组件的引入

   Vue单页面应用

   

  单页面的应用优点:

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

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

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

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

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

单页面的应用缺点:

1.
初次加载耗时相对增多;
2.导航不可用,如果一定要导航需要自行实现前进、后退,需要程序来实现管理;
3.使用脚本修改页面,这个脚本我们都知道,他的兼容性是个大问题;
4. 不利于SEO问题,现在可以通过Prerender等技术解决一部分;

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 关于如何访问当前页面所在的iframe属性[通俗易懂]

    今天碰到个问题,在当前页面访问包含他的iframe标签中的属性。用如下方法:window.frameElement如果要id就在后边加上.id 用什么加什么。其实很简单。就是知识面太少。

  • 什么是SOAP ,WSDL 和UDDI[通俗易懂]

    什么是SOAP ,WSDL 和UDDI[通俗易懂]什么是WebServices一直没有一个明确的答案,这里给出的看法是:WebServices是一种基于组件的软件平台,是面向服务的Internet应用。WebServices是应用于Internet的,而不是限于局域网或试验环境。这要求提出的WebServices框架必须适用于现有的Internet软件和硬件环境,即服务的提供者所提供的服务必须具有跨平台、跨语言的特性。其次,

  • MacOS配置使用perl5

    MacOS配置使用perl5

  • ListView控件详解

    ListView控件详解在Windows的资源管理器中,文件夹或文件信息可以分别以大图标或小图标的方式显示如图:这样的洁面效果是如何实现的?这就要用到ImageList控件和ListView控件ImageList控件的属

  • sublime text 2or3 设置和注册码licenses

    sublime text 2or3 设置和注册码licensessublimetextpreferrences-settings-userconfig:{“caret_style”:”phase”,”font_size”:12,”highlight_line”:true,”highlight_modified_tabs”:true,”ignored_packages”:[“Vintage”]}

  • setfacl解释「建议收藏」

    setfacl解释「建议收藏」setfacl:设置文件访问控制列表,针对单独文件,设置单独用户权限用法:setfacl-参数用户权限文件参数:-m,–modify=acl更改文件的访问控制列表-M,–modify-file=file从文件读取访问控制列表条目更改-x,–remove=acl根据文件中访问控制列表移除条目-X,–remove-file=file从文件读取访问控制列表条目…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号