改变vuejs的html标题后，通过调用this.$refs，vuejs之后不会更新该html元素。

要解决这个问题，你可以使用Vue的生命周期钩子函数来更新HTML标题。以下是一个示例代码：

<template>
  <div>
    <h1 ref="pageTitle">{{ pageTitle }}</h1>
    <button @click="changeTitle">Change Title</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pageTitle: 'My Vue App'
    };
  },
  methods: {
    changeTitle() {
      document.title = 'New Title'; // 改变HTML标题
      this.$refs.pageTitle.innerText = 'New Title'; // 更新Vue中的pageTitle
    }
  }
};
</script>

在上面的代码中，我们使用了ref属性给h1元素添加了一个引用名称pageTitle。当点击按钮时，changeTitle方法会先更新HTML标题，然后再通过this.$refs.pageTitle更新Vue中的pageTitle数据，从而保持两者的一致性。

请注意，直接改变HTML标题只会在浏览器的标签栏中更新标题，而不会影响Vue的数据绑定。因此，我们需要手动更新Vue中的数据以保持一致。

希望这可以帮助到你！