刘海屏的处理方法

beforeMount：
载入前（完成了data和el数据初始化），但是页面中的内容还是vue中的占位符，data中的message信息没有被挂在到Bom节点中，在这里可以在渲染前最后一次更改数据的机会，不会触发其他的钩子函数，一般可以在这里做初始数据的获取

<div :style="'height: ' + system_status_bar_height + 'px; width: 100%;background-color:#FABF13;'"></div>

data() {
  return {
    system_status_bar_height: 22, //定义设备通知栏高度
};

    async beforeMount() {
        this.startPage = true;
        //防止刘海屏方法
        let self = this;
        let system_info = {};
        //获取设备系统信息 为了拿设备头部通知栏高度
        uni.getSystemInfo({
            success(system) {
                //此方法是微信原生的写法，问我我也不能解释
                system_info = system;
                self.system_status_bar_height = system.statusBarHeight;
            }
        });
    },