Vue中引入使用 js-pinyin 实现汉字转拼音

飞熊 • 2023年4月28日上午10:15 • 前端开发 • 阅读 732

勤奋不是嘴上说说而已，而是实际的行动，在勤奋的苦度中持之以恒，永不退却。业精于勤，荒于嬉；行成于思，毁于随。在人生的仕途上，我们毫不迟疑地选择勤奋，她是几乎于世界上一切成就的催产婆。只要我们拥着勤奋去思考，拥着勤奋的手去耕耘，用抱勤奋的心去对待工作，浪迹红尘而坚韧不拔，那么，我们的生命就会绽放火花，让人生的时光更加的闪亮而精彩。

导读：本篇文章讲解 Vue中引入使用 js-pinyin 实现汉字转拼音，希望对大家有帮助，欢迎收藏，转发！站点地址：www.bmabk.com，来源：原文

1. 安装

js-pinyin npm地址

npm install js-pinyin --save

2. 引入及使用

<script>
  const pinyin = require('js-pinyin');
    
  export default {
    methods: {
      test(){
        console.log( pinyin.getFullChars('明天也要努力') );         // MingTianYeYaoNuLi
        console.log( pinyin.getCamelChars('明天也要努力') );       //  MTYYNL
        console.log( pinyin.getCamelChars('12明天也要努力34') );  //  12MTYYNL34
        console.log( pinyin.getCamelChars('a明天也要努力b') );   //   aMTYYNLb
      }
    },
    mounted(){
      this.test();
    }
  }
</script>