VUE-cli全局变量,路由跳转引起计算属性函数的执行
来源:互联网 发布:myeclipse编译java文件 编辑:程序博客网 时间:2024/06/18 16:59
定义全局变量
路由跳转的时候改变全局变量的值
在app.vue文件中的正确使用这种方式不存在以下那些问题,每次路由跳转都会触发2次;不管是否进入过路由或者刷新页面;
下面2种方式都是错误的使用方式,这2种方式的progressFlag2,progressFlag1的值都不会随全局变量global的值改变而改变;
(1)data属性
(2)计算属性
计算属性跟全局变量值VUE的监测情况实测
事实证明:
(1)路由的router.beforeEach跟router.afterEach的每次都会触发,都会console.log各自的内容
(2)路由钩子中的 store.commit(‘increment’)每次都会触发store中的mutations.increment执行,state值每次进入路由都会引起2次state的改变;
(3)但是计算属性progressFlag的值不是每次都会执行,只有在第一次进入新路由时,才会被执行2次;如果进入过了,则由router.beforeEach引起的state改变并不能引起计算属性函数的执行;router.afterEach引起的才会引起计算属性的执行;
阅读全文
0 0
- VUE-cli全局变量,路由跳转引起计算属性函数的执行
- vue-cli 配置路由>>跳转传递参数
- 对于Vue-cli的路由跳转以及使用vue.js动态修改CSS样式
- vue-cli全局变量
- vue-cli 路由嵌套
- Vue的计算属性
- vue-cli 路由重定向
- 基于vue-cli的vue项目之路由3--watch监听路由
- 基于vue-cli的vue项目之路由4--嵌套路由
- Vue实例的计算属性
- Vue计算属性的使用
- 基于vue-cli的vue项目之路由1--最基本的使用
- windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用
- windows下vue-cli及webpack 构建网站及 路由vue-router的使用
- 基于vue-cli的vue项目之路由2--param传参
- 基于vue-cli的vue项目之路由5--router.push,go,replace方法
- 基于vue-cli的vue项目之路由6--重定向1-----path无参重定向
- 基于vue-cli的vue项目之路由6--重定向2-----页面初始化重定向
- Jimmy 的文档: 单机版openshift origin-1.5.0安装配置和简单实例
- SpringMVC的视图和视图解析器
- 数据结构实验之查找二:平衡二叉树
- (POJ
- 实现apk下载+跳转WiFi设置页面+xlistview加载数据
- VUE-cli全局变量,路由跳转引起计算属性函数的执行
- [环境配置]云解析端口如何配置
- 使用 CXF 做 webservice 简单例子
- P quant与Q quant
- NetState联网
- Springboot 集成mybatis并用Logback并打印sql
- freemarker常见语法大全
- Matrix Again (hdu3376)
- FocusSurfaceView拍照时只拍特定区域的照片