为 Vue 配置 Pinyin，需要安装 pinyin 库。
- 安装pinyin库：
npm install pinyin --save
- 在Vue项目中引入pinyin库
import pinyin from 'pinyin';
- 创建一个过滤器，用于将中文转换为拼音：
filters: { pinyin: function (value) { return pinyin(value, { style: pinyin.STYLE_NORMAL }).join(' ') } }
- 在模板中使用过滤器
<div>{{'中国' | pinyin}}</div>
- 运行项目即可看到输出：zhōng guó
基本上这就是配置Pinyin的过程，当然如果你想更改样式，只需要改变style的值即可。例如：
filters: { pinyin: function (value) { return pinyin(value, { style: pinyin.STYLE_FIRST_LETTER }).join(' ') } }
这样输出就会变成：Z G
