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