vite+vue3+js动态显示title.

可以使用Vue 3的Composition API来实现动态显示title。

首先，你需要在Vue 3的setup函数中导入ref，如下所示：

import { ref } from 'vue'

然后，你可以创建一个名为title的ref，并在页面中使用它，如下所示：

export default {
  setup() {
    const title = ref('默认标题')
    // ...
    return {
      title
    }
  }
}

在页面中，你可以使用`<title>`标签来显示动态标题，并使用`v-bind`指令将title绑定到标题中，如下所示：

<template>
  <div>
    <h1>{{ title }}</h1>
  </div>
</template>

<script>
import { ref, onMounted } from 'vue'

export default {
  setup() {
    const title = ref('默认标题')

    onMounted(() => {
      // 动态设置标题
      title.value = '新标题'
    })

    return {
      title
    }
  }
}
</script>

当你访问该页面时，页面标题将首先显示为“默认标题”，然后在`onMounted`钩子中动态更改为“新标题”。