ruoyi-ant 导入和引出 export import

首先是JS语言，写在JavaScript里

Export

//demo1.js
export const str = 'hello world'

export function f(a){
    return a+1
}

Export对应的引入方法

//demo2.js
import { str, f } from 'demo1'

Export Default 只能导出一个默认模块，这个模块可以匿名

//demo1.js
export default {
    a: 'hello',
    b: 'world'      
}

Export Default对应的引入方式

import obj from 'demo1'

Import

从其他JS文件引入函数

import { getRoleList, delRole, changRoleStatus } from '@/api/system' // api/system是JS文件

从其他Vue文件引入变量

import RoleModal from './modules/RoleModal.vue' // ./表格此文件的上级目录

其中，在 RoleModal.vue文件中有关于 RoleModal 的如下代码

export default {
  name: 'RoleModal',
  data () {
    return {
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 }
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 }
      },