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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM