Vue3.2 使用 汉字转拼音的插件pinyin-pro 库

pinyin-pro 插件功能

1. 支持汉字、词语、句子多种格式输入获取
2. 获取拼音
3. 获取声母
4. 获取韵母
5. 获取拼音首字母
6. 获取音调
7. 获取多音字的多种拼音
8. 支持人名姓氏模式
9. 支持自定义拼音
10. 支持字符串和数组两种输出形式

安装

npm install pinyin-pro

引入

import { pinyin } from 'pinyin-pro';
pinyin('汉语拼音'); // 'hàn yǔ pīn yīn'

使用

import { pinyin } from 'pinyin-pro';
// 获取带音调拼音
pinyin('汉语拼音'); // 'hàn yǔ pīn yīn'
// 获取不带声调的拼音
pinyin('汉语拼音', { toneType: 'none' }); // 'han yu pin yin'
// 获取声调转换为数字后缀的拼音
pinyin('汉语拼音', { toneType: 'num' }); // 'han4 yu3 pin1 yin1'
// 获取数组形式带音调拼音
pinyin('汉语拼音', { type: 'array' }); // ["hàn", "yǔ", "pīn", "yīn"]
// 获取数组形式不带声调的拼音
pinyin('汉语拼音', { toneType: 'none', type: 'array' }); // ["han", "yu", "pin", "yin"]
// 获取数组形式声调转换为数字后缀的拼音
pinyin('汉语拼音', { toneType: 'num', type: 'array' }); // ["han4", "yu3", "pin1", "yin1"]

参数

pinyin(word, options) 接收两个参数

word：必填。String 类型，需要转化为拼音的中文
options：可选。Object 类型，用于配置各种输出形式，options 的键值配置如下：

pinyin(item.title.slice(0,1),{toneType:'none'}).charAt(0) //截取第一个字母