Vue：如何更改 Chrome 中的选项卡标题

Question

如何更改 Vue.js 中默认的“Webpack App”选项卡标题？

Answer 1

在您的 public/index.html 或 html-webpack-plugin 用作模板的其他 HTML 文件中。找到标题标签并更改它

 <title>Page Title</title>

或者，您可以通过从文档获取标题来动态设置页面标题document.title，并在组件内更改它，如下代码所示：

<template>
        <div id="app"></div>
</template>
<script>
     export default {
            name: "App",
            mounted() {
                  document.title = "page title";
                      },};
                   
              </script>