vue3+ts修改网站标题

要修改网站标题，你可以使用Vue 3和TypeScript进行以下步骤：

1. 在Vue 3项目中，打开你的组件文件（通常是`.vue`文件）。
2. 在`<script>`标签中，导入`defineComponent`函数和其他需要的模块：

   import { defineComponent } from 'vue';

3. 在组件选项中，定义一个`title`属性来存储网站标题：

   export default defineComponent({
     data() {
       return {
         title: '原始标题',
       };
     },
   });

4. 在模板中，使用`{{}}`语法将`title`属性绑定到网站标题的位置：

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

5. 现在，你可以在组件的方法或生命周期钩子中修改`title`属性的值。例如，在`mounted`钩子中修改标题：

   export default defineComponent({
     mounted() {
       this.title = '修改后的标题';
     },
   });

6. 当`title`属性的值发生变化时，Vue会自动更新模板中对应的位置，从而实现网站标题的修改。