美文网首页
vue-router出现Failed to mount comp

vue-router出现Failed to mount comp

作者: 苹果咏 | 来源:发表于2020-03-17 15:15 被阅读0次

https://stackoverflow.com/questions/54594406/vue-js-failed-to-mount-component-template-or-render-function-not-defined/54594556

let routes = [{
    path: '/dashboard',
    component: require('./components/Dashboard.vue').default
  },
  {
    path: '/profile',
    component: require('./components/Profile.vue').default
  }
]

或者是用import的方式引入组件

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

import member from './components/member.vue'
import allAddress from './components/allAddress.vue'
import address from './components/address.vue'
import form from './components/form.vue'


let routes = [
  { path: '/', component: member},
  { path: '/address', 
    component: address,
    children: [
      { 
        path: '',
        // component: require('./components/all.vue').default,
        redirect: 'allAddress'  // 重定向
      },
      { 
        path: 'allAddress',
        component: allAddress,
      },
      { 
        path: 'form',
        component: form
      }
    ]
  }
]

// 2、创建vue-router实例
let router = new VueRouter({
  routes
})


new Vue({
  el: '#app',
  router
})

相关文章