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标签上绑定属性值