前端的技巧记录

目录

一、实现一个div悬浮在另一个div上

二、父组件向子组件传数据

三、子组件向父组件传数据

四、文字渐变色

---

一、实现一个div悬浮在另一个div上

Step1：把两个子div放到一个父div中，该父div只有这两个子div。

Step2：父div设置

position:relative;

Step3：显示在上方的div设置

position:absolute;left:0;top:0;

二、父组件向子组件传数据

1、父组件引入子组件，通过:message="data"注册属性message

2、子组件通过props获取到注册的属性message

三、子组件向父组件传数据

1、父组件通过@name="handle"注册事件event

2、子组件由transmit事件方法，通过this.$emit('name', data)向父组件传值

四、文字渐变色

1、在对应的样式中添加：

background: linear-gradient(90deg, #333300 0%, #19482F 99%, #19482F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

持续更新~