vue katex_在Vue应用中使用KaTeX的简单指令

vue katex

Vue-Katex (vue-katex)

KaTeX enables fast math typesetting for the web. This plugin introduces a simple directive to use KaTeX in your Vue app. Enjoy!

KaTeX启用了Web的快速数学排版。 该插件引入了一个简单的指令，可在您的Vue应用程序中使用KaTeX。 请享用！

View Demo 查看演示 Download Source 下载源

要求 (Requirements)

• Vue 2

  Vue 2

安装 (Installation)

# With NPM
npm i vue-katex -P

# With Yarn
yarn add vue-katex

As explained in the KaTeX documentation, you must also add the related stylesheet.

如KaTeX文档中所述，您还必须添加相关的样式表。

<style>
  @import "../node_modules/katex/dist/katex.min.css";
</style>

用法 (Usage)

import VueKatex from 'vue-katex'

Vue.use(VueKatex)

In your HTML file (don't forget to escape all backslashes):

在您HTML文件中(不要忘记转义所有反斜杠)：

<div v-katex="'\\frac{a_i}{1+x}'"></div>

To render the math in display style:

以显示样式呈现数学：

<div v-katex:display="'\\frac{a_i}{1+x}'"></div>

To add KaTeX options, use an object literal instead:

要添加KaTeX选项，请改用对象文字：

<div v-katex="{ expression: '\\frac{a_i}{1+x}', options: { throwOnError: false }}"></div>

翻译自: https://vuejsexamples.com/a-simple-directive-to-use-katex-in-your-vue-app/

vue katex