HTML中文字携带拼音的方法

 <ruby><span>你</span><rt>ni</rt></ruby>
 <ruby><span>好</span><rt>hao</rt></ruby>

其中的span标签可以省略，只要在ruby标签内容存在rt标签就能在其中的文字内容上添加rt标签中的拼音。
在Vue中也可以使用循环，标签内填写变量来一次性添加多个拼音文字。需要注意，如果文字和拼音的数量不对等，多余的文字和拼音的位置不会和之前的文字拼音对齐。