页面标题指的就是页面的 title 标签里的内容 .. 一般这个标题内容会在浏览器标签上显示 ..
现在所有页面的页面标题都是项目的名字 .. 这个页面的标题是影响搜索引擎找到你的内容的很重要的一个因素 .. 所以页面标题一定要跟页面里的内容相关 ..
先打开 posts .. index 这个页面 .. 设置页面的标题,可以添加一个 head 方法 .. 方法 return 的是一个对象 .. 对象里面有个 title 属性,它的值就是页面的标题 .. 比如这里把它设置成 Posts .. 保存一下 ..
现在这个内容列表页面的页面标题就会是 Posts ..
再打开 pages .. index.vue ... 同样方法可以再修改一下首页的页面标题 .. 标题内容是 Ninghao ..
访问一下应用的首页 .. 页面标题会变成 Ninghao ..
最后再修改一下内容详情页面的页面标题 .. 打开 posts .. _id.vue ..
添加一个 head 方法 ... 内容详情页的页面标题可以用一下 this.post.title ... post 是请求回来的初始数据 .. 它里面的 title 属性就是内容的标题 ..
打开一个内容详情页面 .. 页面的标题就是内容的标题 ..