<title>标签的国际化

一个项目想要实例化有以下几个步骤

1.安装 $ npm install vue-i18n或者直接引入<scriptsrc="https://unpkg.com/vue/dist/vue.js"></script>

2.在 main.js 中引入 vue-i18n

3.根据require的路径建立两个语言包，我建立的是json文件

en.json zh.json

4.然后我们就可以放肆的使用语言包了

标签引用 在js里的引用方法 标签里提示写法，注意双引号和单引号

那么想要<title>国际化怎么搞呢？

1.给路由的meta属性里的title属性值换成json文件里的属性

从json文件里的引用 如此例，则写作title： professionalWarehouseCatalogue

2.引入语言包的方式稍加修改

3.在main中使用路由的

钩子函数afterEach,也成为路由卫士

Vue.beforeEach(function(to,form,next){}) /在跳转之前执行/

Vue.afterEach(function(to,form))/在跳转之后判断/。

操作成功

附加：

这个是meta.titile实现在标签里的方式