当变量更改onUploadProgress时，Vue.js不会重新呈现dom

是因为Vue.js的响应式系统是基于依赖追踪的。Vue.js会在组件渲染时创建一个响应式依赖图，它会追踪组件中所有被模板使用的响应式数据，并建立起数据与视图之间的关联。

然而，Vue.js只能追踪到在模板中被直接使用的响应式数据。如果一个变量只是在组件内部被使用，而没有在模板中被直接使用，那么当这个变量发生改变时，Vue.js并不会重新渲染组件。

在这种情况下，可以使用Vue.set或this.$set方法来触发Vue.js的响应式更新。Vue.set方法可以用来向响应式对象添加新的属性，而this.$set方法可以用来更新已有属性的值。通过使用这两个方法，可以告诉Vue.js去追踪这个变量的变化，并重新渲染组件。

以下是一个示例代码：

// 组件内部
data() {
  return {
    progress: 0
  }
},
methods: {
  updateProgress(newProgress) {
    this.$set(this, 'progress', newProgress);
  }
},
mounted() {
  // 模拟上传进度更新
  setInterval(() => {
    const newProgress = Math.floor(Math.random() * 100);
    this.updateProgress(newProgress);
  }, 1000);
}

在上面的代码中，通过使用this.$set方法更新progress变量的值，Vue.js会重新渲染组件，并将新的进度值反映在DOM中。

对于Vue.js的相关概念、优势、应用场景以及腾讯云相关产品和产品介绍链接地址，可以参考腾讯云官方文档或官方网站获取更详细的信息。