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等技术解决一部分;

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

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

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • jps查看java进程(进程的等待状态)

    列出PID和Java主类名jps2017Bootstrap2576Jps列出pid和java完整主类名jps-l2017org.apache.catalina.startup.Bootstrap2612sun.tools.jps.Jps列出pid、主类全称和应用程序参数jps-lm2017org.apache.catalina.startup.Boots…

    2022年4月13日
  • FCoin币改试验区(主版C)筹备公告(5号)「建议收藏」

    7月9日,币改试验区筹备组已经完成了一轮投票,通过了16位新成员,当前群成员总数26人。今日启动第二轮投票的前期准备工作。我们欢迎热心通证经济实践的社会各界有识之士继续报…

    2022年4月16日
  • 实现不同网段mail服务器之间的邮件转发

    实现不同网段mail服务器之间的邮件转发

    2021年8月20日
  • 简单易懂的自动编码器

    简单易懂的自动编码器作者:叶虎编辑:田旭引言自动编码器是一种无监督的神经网络模型,它可以学习到输入数据的隐含特征,这称为编码(coding),同时用学习到的新特征可以重构出原始输入数据,称之为解码(decoding)。从直观上来看,自动编码器可以用于特征降维,类似主成分分析PCA,但是其相比PCA其性能更强,这是由于神经网络模型可以提取更有效的新特征。除了进行特征降维,

    2022年5月7日
  • 如何高效学习PLC

    如何高效学习PLC【1】电工原理和电机原理一定要懂,简单的就记背也要背下来,比如马达容量1KW2A,正反转,星三角接线,电线容量。电阻,电感,电容的特性等;【2】液压和气动也要掌握,比如压力换算,压力和电流的比例换算,这在有压力控制上都要用到;【3】电线截面要会看,线拿到手就知道几平方的,还有什么电器上该用什么线,比如马达就用4线的,3根主线1根接地。从变频器上出来的要用屏蔽线;【4】机修也要会做,特别是螺丝…

    2022年10月19日
  • Java拖拽排序工具类「建议收藏」

    Java拖拽排序工具类「建议收藏」packagecom.ciih.jwt.util.sort;importjava.lang.reflect.Field;importjava.util.Collections;importjava.util.List;/***拖拽排序工具:此工具将传入的list重新排序后返回,使用者只需要将list重新存入数据库即可完成排序.*<>*拖拽排序必然牵扯到两个元素,被拖拽的元素和被挤压的元素.排序方式就存在两种,一种是两个元素进行交换位置,一种是一个元素拖到.

    2022年6月29日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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