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 @ 2021-01-22 08:46  zhaobao1830  阅读(1386)  评论(0编辑  收藏  举报