![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
锦鲤(⑉°з°)--♡
这个作者很懒,什么都没留下…
展开
-
Vue父子组件之间传值问题
在Vue框架中,最大的特点就是组件化,也就是说组件调用组件,而这两个组件又有联系,所以难免出现父子组件的传值问题。在Vue项目中,父子组件传值的出现频率会比较高。 父子组件传值分为:父组件向子组件传值和子组件向父组件传值这两种情况。 1. 父组件向子组件传值: 父组件要向子组件传值,首先把要传递的值绑定到子组件中,这里绑定的是activeName值。 在子组件中用props接收父组件传递过来的...原创 2019-08-05 10:21:48 · 231 阅读 · 0 评论 -
Vue跨域问题
在解决Vue跨域问题前,首先要了解什么叫跨域? 跨域是指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议,端口,域名。只要这个3个中有一个不同就是跨域。 这里列举一个经典的列子: 其实,在项目开发过程中,尤其在一些前后端分离的项目中,那么经常会和跨域打交道。这里主要以Vue框架为例,Vue是一个前端框架,那么对于一些跨域请求后台问题也有自己处理的方法。目前自己开发的是Vue项目,所以...原创 2019-08-05 08:59:25 · 151 阅读 · 0 评论 -
Vue路由router之间传值
在Vue框架中,要实现显示不同的页面,首先要配置路由, vue-router路由的原理是通过改变网址,来实现页面的局部刷新,相比a标签跳转的不同之处在于,路由跳转不需要刷新整个页面。 这里主要讲述的是在Vue路由如何传递参数,相关路由配置这里不配置了,而在Vue框架中最常用的两种传值方法:query方式和params方式。 通过query方式传递参数: query方式是通过path:/blogD...原创 2019-08-05 15:11:14 · 203 阅读 · 0 评论 -
axios的封装
在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json等。所以我们在vue项目中请求后台获取数据一般都是用axios,但是直接操作axios会比较繁琐,所有一般会封装好axios使用。那么该如何使用封装好axios呢? 首先,在vue项目中使用以下...原创 2019-08-17 21:09:16 · 161 阅读 · 0 评论 -
vue实现简单loading组件
在vue项目中,一般在请求后台接口时,都有时间消耗,尤其是对web项目,更有网络时间消耗,这个时候请求响应数据可能有所影响,对用户的体验不是很好,所以常常会使用 loading 过渡数据的加载时间来提高用户体验。那么在vue项目中是如何实现自定义的loading组件的呢? 既然是自定义loading组件,所以需要加载图标动画使用的图片是可以在 Build Yourself a Right GIF ...原创 2019-08-17 21:14:01 · 590 阅读 · 0 评论