![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
-Ali
这个作者很懒,什么都没留下…
展开
-
Promise的介绍和基本使用
1、什么是PromiseES6中一个非常重要和好用的特性就是Promise,Promise是异步编程的一种解决方案(简单来说就是对异步的代码进行包装)2、什么时候会来处理异步事件?一种很常见的场景应该就是网络请求了。我们封装一个网络请求的函数,因为不能立即拿到结果,所以不能像3+4=7一样将结果返回,此时我们会传入另外一个函数,在数据请求成功时将数据通过传入的函数回调出去。如果只是一个简单的网络请求,那么这种方案不会给我们带来很大的麻烦,但是当网络请求非常复杂时就会出现回调地狱(多层回调,回调函数里面原创 2020-08-07 11:51:16 · 1122 阅读 · 3 评论 -
Vue父子组件访问
1、父组件访问子组件:使用$children或$refs(在开发中一般使用$refs)(1)使用$children访问:this.$children是一个数组类型,它包含所有子组件对象。(注意:当要拿到所有子组件的时候才会使用$children)案例:使用$children通过遍历访问子组件中的方法和属性<head> <meta charset="UTF-8"> <title>Document</title>原创 2020-07-09 11:53:04 · 222 阅读 · 0 评论 -
Vue父子组件通信
一、父子组件的通信概念:子组件是不能引用父组件或者Vue实例的数据的。但是在开发中,往往一些数据确实需要从上层传递到下层,比如在一个页面中,我们从服务器请求到了很多的数据,其中一部分数据并非是我们整个页面的大组件来展示的,而是需要下面的子组件进行展示,这个时候并不会让子组件再次发送一个网络请求,而是直接让大组件(父组件)将数据传递给小组件(子组件)。二、父子组件间的通信方法1、父组件传给子组件:通过props(properties:属性)向子组件传递数据。props基本用法:在组件中,使用选项pr原创 2020-06-27 17:01:16 · 223 阅读 · 0 评论 -
Vue中的过渡和动画
1、vue动画的理解(1)操作css的transition或animation(2)vue会给目标元素添加/移除特点的class(3)过渡的相关类名:xxx-enter-active:指定显示的transitionxxx-leave-active:指定隐藏的transitionxxx-enter/xxx-leave-to:指定隐藏时的样式2、基本过渡动画的编码(1)在目标元素外包裹(2)定义class样式指定过渡样式:transition指定隐藏时的样式:opacity/其他过渡案例原创 2020-06-21 15:06:26 · 389 阅读 · 0 评论