Vue--动态引入

0.前提

被引入文件
同目录下cs.js文件

1.使用default动态引入

被引入

export default {
  name: '张三'
}

引入

import staticQuote from './cs' // 静态引入
export default {
    created() {
        console.log(staticQuote, '静态引入,staticQuote')
        const dynamicQuote = require('./cs')
        console.log(dynamicQuote, '动态引入,dynamicQuote')
    }
}

打印

2.动态引入

被引入

const con = {
  name: '张三'
}
export { con }

引入

import { con as staticQuote } from './cs' // 重命名
export default {
    created() {
        console.log(staticQuote, '静态引入,staticQuote')
        const dynamicQuote = require('./cs')
        console.log(dynamicQuote, '动态引入,dynamicQuote')
    }
}

打印

4.借鉴博客

在Vue 项目中动态引入 .js 文件

2020年11月9日