首页 > 其他分享 >vite vue使用Markdown

vite vue使用Markdown

时间:2022-11-14 09:44:23浏览次数:43  
标签:md 插件 Markdown vue import vite

下载插件:

npm i vite-plugin-md highlight.js github-markdown-css

配置插件:

import Markdown from 'vite-plugin-md'
import vue from '@vitejs/plugin-vue'

plugins: [
  vue(
    { include: [/\.vue$/, /\.md$/] }
  ),
  Markdown()
]

使用插件:

<template>
 <Demo />
</template>

<script lang="ts">
import { Vue, Options } from 'vue-property-decorator'
import 'highlight.js/styles/github.css'
import 'github-markdown-css'
import Demo from './demo.md'

@Options({ components: { Demo } })
export default class HomeIndex extends Vue {}
</script>

标签:md,插件,Markdown,vue,import,vite
From: https://www.cnblogs.com/my-wl/p/16888067.html

相关文章

  • element Vue-表单删除按钮以及修改按钮的使用(附加dialog对话的使用)
    先上代码: <el-table-columnwidth="300"label="操作"><templateslot-scope="scope"><el-buttonclass="btn"size="mi......
  • Vue脚手架安装慢解决
    https://www.cnblogs.com/Aangle-long/p/11600966.html安装npminstall时,长时间停留在fetchMetadata:xxxxxx处, 是数据源的问题,下载太慢了 更换成淘宝的源就行了np......
  • #yyds干货盘点#vue使用事件总线进行模块之间的通信
        vue组件非常常见的有父子组件通信,兄弟组件通信。而父子组件通信就很简单,父组件会通过props传数据给子组件,当子组件有事情要告诉父组件时会通过$emit事件告诉......
  • vue mock
    vue域名定义引用已经定义的`${direct.sitv1}/path`抖动currenMethod:debounce(function(){action;},100); importMockfrom'mockjs';import{getQueryParams}fr......
  • Vue 刷新后回登陆页
    在Vue项目中无论在当前在哪个页面上时,如果点击浏览器的刷新实现回到登陆页的方法  在 App.vue 中 this.$router.push("/");//直接跳转至首页beforeCreate(){}......
  • vue实现上下切换自动轮播 移入移出暂停轮播
    <template><divclass="about"><divstyle="display:flex;"><divclass="left"><divclass="box1"><divclass="box2":style="{bac......
  • sh: vue-cli-service: command not found
    mac环境下运行vue项目报错sh:vue-cli-service:commandnotfound解决方法:cd到项目目录下,执行命令sudorm-rfnode_modulespackage-lock.json&&npminstall然后根......
  • 47.vue-router的钩子函数
    钩子函数就是路由导航守卫;有7个守卫,分为3类;全局守卫:在全部的组件生效;beforeEach全局前置守卫afterEach全局后置守卫 解析守卫......
  • 初识Vue
    一、什么是Vue简单的说,Vue是一个用来开发Web界面的前端库,就是一个叫vue.js的文件,就好比jQuery库的jquery.js。但Vue远不止这些,vue周边还发展了很多其他的工具,也都是一堆j......
  • 46.使用过vuex和vue-router吗
    使用过,vuex是状态管理工具,它的数据可以被所有的组件获取,方法可以被所有的组件调用;vuex 的内部的运行机制:state提供了数据驱动视图,dispath派发actions执行异步操作,comm......