摘要:
# 子组件向父组件共享数据 子组件向父组件共享数据使用`自定义事件`。 阅读全文
摘要:
# 1.组件之间的关系 在项目开发中,组件之间的`最常见的关系`分为如下两种: - `父子关系` - `兄弟关系` # 2.父子组件之间的数据共享 父子组件之间的数据共享又分为: 1. `父->子`共享数据 2. `子->父`共享数据 ## 2.1 父组件向子组件共享数据 父组件向子组件共享数据需要 阅读全文
摘要:
# 生命周期图示 可以参考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 ``` 阅读全文
摘要:
# props是只读的 vue规定:组件中封装的自定义属性是`只读的`,程序员`不能直接修改`props的值。否则会报错 ```JS Count 组件 count的值是:{{ count }} +1 ``` 要想修改props的值,可以`把props的值转存到data中`,因为data中的数据都是可 阅读全文