首先这三个的确都是前端框架，框架是帮助开发者快速开发的工具，不同的框架适用于不同的场景，可以理解为“术业有专攻”
bootstrap是帮助你快速布局网页的，引入它以后，你在html文件中添加几个它的组件就能直观的在页面中看到好看的网页，所以它更偏重样式方面，但是如果你要页面上要添加数据访问，bootstrap就帮不到你什么了
vue是目前公司中实际开发生产级别项目比较常用到的一种框架，它偏重的是提高前端开发效率，学习它的目的一是面向找工作学习，二是因为它的内部实现其实融合了整个前端领域的很多技术，学习使用它，包括学习它的源码可以帮助你理解前端开发重点是在做哪些事情
jquery可以说是前端开发中的一把经久耐用的“瑞士军刀”吧，出现的早，并且还沿用至今，前端主要做的事情一是在浏览器内访问的网页，二是电脑或手机内下载的客户端app。而如果你要直接去学习如何访问、操作这些环境的api（DOM、BOM）是非常复杂的，而且使用方法不断更新，而jquery的出现其实相当于有一个人帮助你屏蔽掉这些复杂，封装成一个一个的方法让你去方便的做你想做的事情。
举个栗子，你想让当前访问的知乎页面背景色变成蓝色，那你可能需要写（你可以调出控制台敲下下面的代码回车看效果）
代码语言：javascript复制document.getElementsByTagName('body')[0].style.backgroundColor='blue';而如果使用jquery，你只需要引入jquery库，然后如下写到，并且后续其他操作都类似
代码语言：javascript复制$("body").css({"background-color":"blue"})当然三个框架你可以都试着用用，用过之后便知道三者区别和各自用武之地，但他们都源自html css javascript，万变不离其宗。所以对于框架，大体上没有先看后看的区别，主要看你使用的场景和所想达到的效果，比如如果你要找一个份前端的工作，当然是看vue对你更有帮助。
最后要记得，这些都是框架，所以你还是应该先看html css js，再看框架，希望回答能够帮到一些。
看到评论中有人问前端这些框架都是什么关联，才发现知乎的评论不能添加图片，那我就在自己的原回答上补图吧。
我根据自己之前做后端的一些记忆和现在对前端的理解，做了这样一张概览图，欢迎共同完善。
