Vue.js常用插件

180 阅读2分钟

Vue.js本身只提供了数据与视图绑定及组件化等功能,

如果想用它来开发一个完整的SPA(Single Page Application)应用,我们还需要使用到一些Vue.js的插件。

Vue-router

Vue-router是给Vue.js提供路由管理的插件,利用hash的变化控制动态组件的切换。以往页面间跳转都由后端MVC中的Controller层控制,通过标签的href或者直接修改location.href,我们会向服务端发起一个请求,服务端响应后根据所接收到的信息去获取数据和指派对应的模板,渲染成HTML再返回给浏览器,解析成我们可见的页面。Vue.js + Vue-router的组合将这一套逻辑放在了前端去执行,切换到对应的组件后再向后端请求数据,填充进模板来,在浏览器端完成HTML的渲染。这样也有助于前后端分离,前端不用依赖于后端的逻辑,只需要后端提供数据接口即可。

resource用法

Vue-resource提供了一种与RESTful API风格所匹配的写法,通过全局变量Vue.resource或者组件实例中的this.$resource对某个符合RESTful格式的url进行封装,使得开发者能够直接使用增删改查等基础操作,而不用自己再额外编写接口。

我们先大致说明下RESTful API:这是一种设计风格而不是标准,只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。在这种风格中,每个url路径代表一种资源(resource),所以路径中不推荐有动词,只能有名词,而且所用的名词往往与数据库的表格名对应,且一般采取复数的形式命名。而对于资源的具体操作类型,则由HTTP动词表示,即GET/POST/PUT/PATCH/DELETE等。【B站推荐】Vue全套视频教程,从vue2.0到vue3.0一套全覆盖,前端必会的框架教程包含4套优质VUE练手项目,从零开始入门到精通,一套搞定。_哔哩哔哩_bilibili