黑马前端学习笔记（从vue2.0到vue3.0）P131-P154

请求标准结构

p130 BUG解析

使用axios.get请求地址后 显示为 undefined 为空

我首先怀疑是不是地址没有请求参数返回 因为地址是黑马老师给的 

请求地址为 https://www.escook.cn/api/cart

发现有请求地址  这时候 我查看一下是否方法未执行 发现 这个空就是方法弹出 所以 初始化生命周期 没有问题 那只能是我自己写的代码有问题  仔细查看后 发现是自己 将

data 写为 date 

改后保存   运行成功 

P134 为什么封装 不直接用对象 而是一个个传入组件

减低耦合  提升组件复用率 

P145  购物车案例完结 

我做完了购物车案例 因为是跟着做的所以没有发现任何BUG 

P147动态组件component

component  刚开始输入下划线报错 输入：is 后正常 

P149 动态组件的 keep-alive 标签

动态组件在进行切换时候  原组件直接回被进行销毁 

他会将内部组件 进行 缓存  而不是销毁 
当有组件keep-alive标签时候 会触发两个生命周期  

P150   动态组件的 include 与exclude 的属性

 include 属性代表 需要缓存那些属性 

exclude 属性代表那些组件不需要缓存

两者不能同时存在

p151 name属性 

如果在组件中生命了这个name属性 name include属性后面跟的值为name属性的值  而不是导入组件生命的名称

P152插槽

在组件声明一块区域  可以让<组件></组件> 中可以插入值

用法

<template>只是用来包裹元素 他是虚拟的 dom  把握不住

p154 v-slot： 的简写形式

v-bind 对应 ：

v-model 对应 @

v-slot：对应#

在组件的<slot>中可以写默认的值</slot> 也叫后备内容