Vue一个组件引用另一个组件

1.这里有两个组件Demo.vue和Message.vue两个组件，现在在Demo.vue组件中引入Message.vue组件

2.路由index.js文件中配置Demo.vue的访问路径

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Test from '@/components/Test'
import Demo from '@/components/Demo'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/test',
      name: 'Test',
      component: Test
    },
    {
      path: '/demo',
      name: 'demo',
      component: Demo
    },
  ]
})

3.在Demo.vue组件中引入Message.vue组件

4.Message.vue中的内容