Vue——MathJax的使用方法（用 npm 下载的）

1 使用 npm i MathJax 下载该插件 

2 在工具文件夹 新建一个mathjax.js 

window.mathJax = {
  tex:{
    inLineMath:[    //行内公式的选择符
        ["$","$"],['\(","\)"]
    ]，

displayMath：[   //段内公式的选择符

          ["$$","$$"],['\[","\]"]

        ]，

skipTags：['span']  //避开span标签
  }，

startup：{

        ready（）{

                 mathJax.startup.defaultReady()

                }

        },

chtml:{  //自定义的字体目录 ，vue2打包找不到字体，要单独指定，字体文件在包的 output里面

        fontURL:window.location.origin + '/fonts/mathJax-woff-v2'

        }
}

3 在main.js 引入   

import  mathJax.js   //先引入刚写的配置文件，再引入下面这个使用mathjax 

import  mathJax/es5/tex-mml-chtml.js

4 在页面文件使用 MathJax,typesetPromise([ 需要转换公式的dom树 ： this.$refs.xxx ])

有的页面刚开始是空的，接口返回之后才有数据，就需要在数据更新之后，再调用一遍MathJax,typesetPromise（XXX）