### 第一步引用组件 绝对路径和相对路径都可以，下面是两种常用的引入方式 ``` 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> ```