07 2023 档案
摘要:# 生命周期图示 可以参考vue官方文档给出的”生命周期图示“,进一步理解组件生命周期执行的过程: 生命周期图示:https://v2.cn.vuejs.org/v2/guide/instance.html
阅读全文
摘要:# 1.生命周期&生命周期函数 `生命周期`(Life Cycle)是指一个组件从`创建`->`运行`->`销毁`的整个阶段,`强调的是一个时间段`。 `生命周期函数`:是由vue框架提供的`内置函数`,会伴随者组件的生命周期,`自动按次序执行`。 ![image](https://img2023.
阅读全文
摘要:# `/deep/`样式穿透 ```JS Left 组件 ```
阅读全文
摘要:# 组件之间的样式冲突问题 默认情况下,`写在.vue组件中的样式会全局生效`,因此很容易`多个组件之间的样式冲突问题`。 导致组件之间样式冲突的根本原因是: 1. 单页面应用程序中,所有组件的DOM结构,都是基于`唯一的index.html页面`进行呈现的。 1. 每个组件中的样式,都会`影响整个
阅读全文
摘要:# props的`required`必填项 ```JS Count 组件 count的值是:{{ count }} +1 ```
阅读全文
摘要:在声明自定义属性时,可以通过`type`来`定义属性的值类型`。示例代码如下: ```JS Count 组件 count的值是:{{ count }} +1 ```
阅读全文
摘要:# props的`default`默认值 在声明自定义属性时,可以通过`default`来`定义属性的默认值`。示例代码如下: ```JS Count 组件 count的值是:{{ count }} +1 ```
阅读全文