首页 > 其他分享 >vue中如何使用prismjs

vue中如何使用prismjs

时间:2022-12-22 11:33:52浏览次数:36  
标签:... vue import 如何 Prism 使用 prismjs

安装

yarn add prismjs

使用

<template>
  ...
</template>
<script setup lang="ts">
import Prism from 'prismjs';
import 'prismjs/themes/prism.css';

Prism.highlight("{name: '张三'}", Prism.languages.js);
</script>

标签:...,vue,import,如何,Prism,使用,prismjs
From: https://www.cnblogs.com/dingshaohua/p/16998009.html

相关文章

  • 如何通过Java提取PDF中的图片
    PDF文档格式具有固定的文档布局,可以避免他人对其进行随意更改。但这也在一定程度上影响了我们对PDF的操作,例如,当我们需要将PDF文档中的图片用于其他地方时。​​FreeSpire.......
  • 如何通过Java提取PDF中的图片
    PDF文档格式具有固定的文档布局,可以避免他人对其进行随意更改。但这也在一定程度上影响了我们对PDF的操作,例如,当我们需要将PDF文档中的图片用于其他地方时。FreeSpire.PDF......
  • vue组件间值传递
    夫传子父组件代码  子组件代码  效果展示<template><h1>{{msg}}</h1></template><script>exportdefault{name:'HelloWorld',props:{......
  • 如何设置断点修改Request-软件测试知识
    fiddler最强大的功能就是可以设置断点了。设置好之后,你可以修改HttpRequest的任何信息,包括host、cookie或者表单中的数据,设置断点有两种方法:第一种:打开fiddler,点......
  • 如何基于 Spring Boot 快速开发一个 Dubbo 微服务应用
    Dubbo还提供了包括XML、API等多种启动与接入方式,更多开发方式和配置细节可参见配置手册。下载示例代码完整示例代码在dubbo-samples中。下载源码gitclone-bma......
  • 如何在云原生环境中实现安全左移?
    在过去几年里,勒索软件一直是企业安全团队关心的头等大事,而当前软件漏洞问题数量也在逐渐抬头。基于云的应用程序和服务的爆发式增长以及数字化工作的增加,对黑客来说是一大......
  • Vue某列内容以html的形式展示(举例:超链接、a标签)
    1、显示html的方法:将该列的type设成html,那么当给此列赋值为带html标签的内容的时候,html标签不会以文本的形式展示在页面上template:<vxe-table-columnfield="attachmen......
  • MyBatis是如何初始化的?
    摘要:我们知道MyBatis和数据库的交互有两种方式有JavaAPI和Mapper接口两种,所以MyBatis的初始化必然也有两种;那么MyBatis是如何初始化的呢?本文分享自华为云社区《MyBatis详......
  • vue项目创建
    前言相关官方文档:https://cn.vuejs.org/guide/introduction.html  https://cli.vuejs.org/zh/guide/ 创建vue-cli项目vuecreatetest1......
  • 企业微信自建应用如何获取用户信息
    框架类型:springboot框架开发前提:企业微信开发者文档 https://developer.work.weixin.qq.com/document/path/90556我们阅读企业微信开发文档发现,获取userid必需知道两个......