vue 中如何用 katex 解析用 latex 编写的数学公式

一, 在index.html中 引入官方自带的 CDN 的简单配置.



 二,

其中前两个是 KaTeX 的基本配置,第三个是自动加载的插件. 不过之后遇到的 KaTeX 的唯一问题是默认所有公式无论是行间公式还是行内公式都要写在左右各两个美元符号内. 这和其他 LateX, MathJax 的习惯不一致. 所以我还是去看了一下设置, 其实在配置delimiters 中修改.

封装 js
vue 中如何用 katex 解析用 latex 编写的数学公式_第1张图片

在main.js文件上把公用js 挂载到vue实例上

vue 中如何用 katex 解析用 latex 编写的数学公式_第2张图片

三,每个vue页面中引用该段js

vue 中如何用 katex 解析用 latex 编写的数学公式_第3张图片
 

四,在app.vue中统一更改样式

vue 中如何用 katex 解析用 latex 编写的数学公式_第4张图片

你可能感兴趣的:(latex数学公式)