美文网首页
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
    })
    

    相关文章

      网友评论

          本文标题:vue-router出现Failed to mount comp

          本文链接:https://www.haomeiwen.com/subject/juqoehtx.html