黑马前端学习笔记（从vue2.0到vue3.0）第六天P96-P110

P96 props属性

在export default下定义一个props 值 用到传递使用者 所使用的默认值

 因为传入的init是只读的 所以接收到后 需要进行保存

P99  props    的    default属性

如果用户不传入数据 自动将default 的值赋值

P100 props    的    type属性

规定用户传入的属性

如果不是规定的属性 会在终端报错

p101props    的    required必填项属性

P102 解决样式冲突

如果在组件写了样式 看似应用在一个组件中 其实影响的是全局组件

解决办法 在所有的地方加上 data-v-xxx

在标签选择器加【data-v-xxx】（原理做法）

但是我们发现让每一个标签属性 都加上 data-v-xx 对程序员来说不显示

所以我们 在style 后面加一个 scoped 这样他自动回给每一个标签都加一个值  

P103   /deep/  穿透

当引入第三方组件库的时候，如果有修改组件默认样式的需求

Vant 插件库

https://vant-contrib.gitee.io/vant/#/zh-CN/home

快速构建网页

https://element.eleme.cn/#/zh-CN

P105组件生命周期

  

P106 生命周期 beforeCreate 与 created 

在new Vue（）创建时 初始化事件与生命周期函数

props与data，methods 都没创建时 

beforeCreate  会被率先加载 （其实没有什么用 因为方法 函数都还没有被定义 ）

生命周期之created 重点！！！

在new vue（）创建好 方法 对象时候 

会执行 created  通常 用他请求Ajax 请求数据

Ajax 模板

但是在这个生命周期中 不能操作dom   

P108生命周期 beforeMount 与mounted

谁来进行编译呢就是

beforeMount （没有意义）也操作不了dom元素 ajax一般都在前面周期发送

mounted 就可以操作 浏览器的dom元素 

以上是new VUE（）创建的四个阶段

P109 new Vue（）组件的运行阶段的生命周期

veforeUpdate ：当数据发生改变  数据还没渲染完 触发 

这时候 数据还有完成渲染  就是发出改变的时候 就已经触发 页面还没来得及反应 veforeUpdate  先反应了

updated： 数据发生改变 渲染完 触发  

P110 new Vue（）组件销毁的生命周期

beforeDestroy：将要销毁 但是还在运行 估计要关闭什么东西

destroyed：DOM组件都会被移除