vue 组件引入,组件引用

第一步引用组件

绝对路径和相对路径都可以，下面是两种常用的引入方式

import SendStudentMessage from '@/views/messageSystem/component/sendStudentMessage.vue'

第二种：

import RepData from './comp/rep-data.vue'

第二步定义一下引入的控件

import SendStudentMessage from '@/views/messageSystem/component/sendStudentMessage.vue'
export default {
  name: 'ClassLabInfo',
  // 第二步定义一下引入的控件
  components: {
    SendStudentMessage
  },
  data() {
    return {
      onReadClass: [],

第三步在需要的地方使用即可

<SendStudentMessage></SendStudentMessage>