Vue动态设置title(MD.3)

2018-07-18夜晚22：30，漫岛已经写好一些页面了，目前在等待登录注册的接口。
项目中需要给不同的页面设置title，首先查了一下网上有没有相关插件，哎，有！爽、

名称叫做vue-wechat-title，使用方法非常简单，具体如下：
1.先安装插件，命令行执行cnpm install vue-wechat-title --save即可安装。
2.引用插件，在main.js中，首先import然后再use即可，具体代码如下：

import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)

3.在路由的配置文件router.js里面配置我们想要的页面标题，代码示例如下：

routes: [{
            path: '/',
            name: 'index',
            component: Index,
            meta: {
                title: "漫岛-一个有趣的网站"
            }
        },
        {
            path: '/recruit',
            name: 'recruit',
            component: Recruit,
            meta: {
                title: "漫岛-团队伙伴招募"
            }
        }
    ]

4.最后一步，在app.vue里面添加指令v-wechat-title即可，示例是从官方npm页面copy的，请注意注释部分不要破坏使用规则。具体如下：

<!-- 任意元素中加 v-wechat-title 指令 建议将标题放在 route 对应meta对象的定义中 -->
<div v-wechat-title="$route.meta.title"></div>
<!--或者-->
<router-view v-wechat-title="$route.meta.title"></router-view>

好了，这个小插件就讲完了,别再说不能用啊然后骂我啊，毕竟我的网站就这么用的OK你可以直接上线上看，这锅我不背。
后面发现什么不对的我再回头来更正，至于SEO的话，以后肯定得研究一下SSR服务端渲染的，到时候再说吧，项目能不能到那一步还是个问题，我说的对吧。欢迎任何想要加入漫岛居民群（QQ：581062303）的小伙伴，我在那里等你们，就一聊天放松的群。
晚安啦，各位！