记录对vue的理解(杂七杂八)

1、首先是vue的生命周期

有8个阶段

1、beforeCreate 是创建前

2、created 创建后

3、beforeMount 载入前

4、mounted 载入后

5、beforeUpdate 更新前‘

6、updated 更新后

7、beforeDestory 销毁前

8、destoryed 销毁后

同步:

        所有的操作完成后,才返回给用户。缺点是这样用户在线等待的时间太长,给用户一种卡死了的感觉(就是系统迁移中,点击了迁移,界面就不动了,但是程序还在执行,卡死了的感觉)。这种情况下,用户不能关闭界面,如果关闭了,即迁移程序就中断了。

异步:

        将用户请求放入消息队列,并反馈给用户,系统迁移程序已经启动,你可以关闭浏览器了。然后程序再慢慢地去写入数据库去。这就是异步。但是用户没有卡死的感觉,会告诉你,你的请求系统已经响应了。你可以关闭界面了。

同步和异步本身是相对的

同步就相当于是 当客户端发送请求给服务端,在等待服务端响应的请求时,客户端不做其他的事情。当服务端做完了才返回到客户端。这样的话客户端需要一直等待。用户使用起来会有不友好。

异步就是,当客户端发送给服务端请求时,在等待服务端响应的时候,客户端可以做其他的事情,这样节约了时间,提高了效率。

存在就有其道理 异步虽然好 但是有些问题是要用同步用来解决,比如有些东西我们需要的是拿到返回的数据在进行操作的。这些是异步所无法解决的。

 vue的异步操作

  • 在 Vue 中发送异步请求,本质上还是 AJAX。我们可以使用 axios 这个插件来简化操作

分三步

1. 引入 axios 核心 js 文件。 2. 调用 axios 对象的方法来发起异步请求。 3. 调用 axios 对象的方法来处理响应的数据。  

axios常用方法

方法名作用
get(请求的资源路径与请求的参数)发起GET方式请求
post(请求的资源路径,请求的参数)发起POST方式请求
then(response)请求成功后的回调函数,通过response获取响应的数据
catch(error)请求失败后的回调函数,通过error获取错误信息

自定义组件要记得暴露出方法来:

 对插槽的理解:

总结为一句话来讲,插槽的作用就是父组件向子组件填充模板或者html

 当注释掉slot之后

 页面就无法显示在父组件添加的内容

 插槽中的具名插槽

简单来说就是给插槽命名,这样就能

 

 

 作用域插槽

作用域插槽内,父组件可以拿到子组件的数据。子组件可以在slot标签上绑定属性值

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值