vuejs2 - 在路由器组件中使用 vue 组件
问题描述
我在我的 App.vue 中使用路由视图,在我的路由中我使用组件 Base,我想要的是在“Base”组件中调用“teste”组件。
我已经阅读了 vue-router 中的嵌套命名视图,但没有解决我的问题。
路由.js
import Base from './components/base/Base.vue';
export const routes = [
{
path: '/',
components: {
default: Base
}
},
应用程序.vue
<div id="app">
<router-view></router-view>
</div>
基础.vue
<template>
<teste></teste> //this component dosent render
</template>
<script>
import teste from './SideBar.vue'
export default {
name: 'Base',
components: {
teste
}
}
侧边栏.vue
<template>
<p>teste</p>
</template>
<script>
export default {
name: 'teste'
}
主.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')
解决方案
推荐阅读
- python-3.x - 概念问题:序列 - 有序 - 可单独访问的元素容器 [k]
- php - PHP:设置公共属性时调用函数
- sql - Doctrine 抛出错误:预期的 Doctrine\ORM\Query\Lexer::T_FROM, got end of string." 错误
- javascript - 如何显示来自另一个网站的元素?
- swift - 如何从当前视图控制器更改前一个视图控制器的颜色?
- python - django unitest 多个类实例
- java - Spring Boot 在配置中使用 bean
- excel - vba中的多标准Sumifs公式
- mysql - 如何在处理多个请求时将代码优化为同步块导致大量延迟
- react-native - 领域反应原生 null 不是对象