一、組件沒有進行注冊和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