VUE首次进入时弹窗显示功能,方法有很多种,请看下方思想实现说明
#### 1. keep-alive 实现
<keep-alive>
<dialog></dialog> //弹窗显示
</keep-alive>
keep-alive,当第一次打开时会显示 dialog(调用常规生命周期),当其他路径又切换到这个页面/路径时,不会再调用created mounted等生命周期(只触发activated)
#### 2. vuex 实现
Vue项目中使用Vuex作为状态管理,相当于全局的变量存储
当刷新浏览器后,不会保存vuex的数据可以实现首次弹窗功能
#### 3. window 实现
//判断变量是否第一次打开
if(!window.firstOpenDialogFlag){
//打开后,将变量赋值,后续就不会再次出发,除非刷新
window.firstOpenDialogFlag = true;
}
window实现比vuex好处就是,无需插件等操作,直接全局变量存储,当刷新浏览器后,变量就没了