vuepress使用中遇到的问题

一、组件没有进行注册和vant框架的引入 enhanceApp.js进行配置

复制代码
// 用来进行vue的配置,比如vue全局注册
import Vue from 'vue'
import Loading from "./components/loading"
import Vant from 'vant'
import 'vant/lib/index.css'

export default ({
  Vue, // VuePress 正在使用的 Vue 构造函数
  options, // 附加到根实例的一些选项
  router, // 当前应用的路由实例
  siteData // 站点元数据
}) => {
  Vue.use(Vant); // 引入vant
  Register()
}

// Vue全局注册方法
function Register() {
  const files = require.context('./components', true, /.vue$/)
  files.keys().forEach((key) => {
    let fileUrl = './components' + key.substring(1)
    import(fileUrl+'').then(res => {
      let { default: component } = res
      Vue.component(component.name, component)
    })
  })
}
复制代码

 二、md名称和vue组件名不要用h5特定的标签名(比如:header、footer)

三、引入element-ui

 enhanceApp.js

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI) // 引入element-ui

 

posted @   zhaobao1830  阅读(1396)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
历史上的今天:
2017-01-22 Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
2017-01-22 表单,table的css
2017-01-22 Math中的floor,round和ceil方法总结
2017-01-22 a标签的4种状态及设置CSS
2017-01-22 layui前端框架
2017-01-22 分页插件pagination.js
点击右上角即可分享
微信分享提示