vue.js - 视觉 : How to change tab title in 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>