Используйте компонент vue внутри компонента маршрутизатора - PullRequest
Новая
       13

Используйте компонент vue внутри компонента маршрутизатора

0 голосов
/ 27 апреля 2019

Я использую представление маршрута внутри своего App.vue, в моих маршрутах я использую компонент Base, я хочу вызвать компонент 'teste' внутри компонента 'Base'.

Iя уже читал о вложенных именованных представлениях в vue-router, но не решил мою проблему.

Route.js 

import Base from './components/base/Base.vue';

export const routes = [
    {
        path: '/',
        components: {
          default: Base
        }
      },

App.vue 

<div id="app">
    <router-view></router-view>
  </div>

Base.vue 

<template>
  <teste></teste> //this component dosent render
</template>

<script>
import teste from './SideBar.vue'

export default {
  name: 'Base',
  components: {
      teste
  }
}

SideBar.vue 

<template>
    <p>teste</p>
</template>

<script>
export default {
  name: 'teste'
}

Main.js 

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router';
import Vuex from 'vuex';
import {routes} from './routes'


Vue.use(VueRouter)
Vue.config.productionTip = false

const router = new VueRouter({
  routes
});
new Vue({
  render: h => h(App),
  router
}).$mount('#app')
...