B5net

人生是场无尽旅途,欢声笑语,踟蹰彷徨,走过的是岁月,路过的是迷茫。向前,是希望极光;回首,是悠长深巷。

js中import的使用笔记

Published on:2022-05-06

在vue中使用mock时,只在开发环境引入配置文件,使用了import('xxx'),出现onmounted中调用网络请求失败,才发现该方法时异步的,需要改成require('')

if (process.env.NODE_ENV === 'development') {
    require('@/mock') //测试环境可打开 import('xx') 是异步,会导致在onMounted中请求失败
}


定义一个test.js文件进行export导出


const test = 'asdasd'
export const a = 'aaa'
export const b = () => {
    return 'bbbb'
}
export const c = { title: 'cccc' }
export const d = ['ddd', 'eee']

export default test


import,编译时调用,是一个解构过程


import * as all from './test'
/* 返回里面所有export,可通过 all.a方式访问
Modules{
    a: "aaa"
    b: () => { return 'bbbb'; }
    c: Object
    d: Array(2)
    default: "asdasd"
}
*/


import test from './test'
console.log(test)
//返回asdasd 即 export default的值,test可以随意定义


import { a, b } from './test'
console.log(a, b())
//{} 里面的为 export 的变量


import test, { a, b } from './test'
//test为 export default的变量,{} 里面的为 export 的变量


import './test'
//导入一个文件


以上import方式只能放在文件开头,如果需要在不同情形只是引入一个文件使用下面方式


import('./test')
//导入一个文件,这是一个异步的操作,可以使用then进行回调处理


如果临时引用一个文件可以使用require('xxx')

留言列表(0)

    留言

    B5net

    人生是场无尽旅途,欢声笑语,踟蹰彷徨,走过的是岁月,路过的是迷茫。向前,是希望极光;回首,是悠长深巷。

    开源项目
    • B5LaravelCMF:基于laravel9+bootstrap3实现的快速开发后台
    • B5YiiCMF:基于Yii2+bootstrap3 实现的快速开发后台管理系统
    • B5ThinkCmf:基于ThinkPHP6+bootstrap3 实现的快速开发后台管理系统
    • B5VueCMF_H5:vue3.0 + Webpack/Vite + Vuex + VueRouter + Vant3 搭建快速开发基本Demo
    • See also:gitee.com@b5net
    最新评论
    奥德赛 on Electron+vue搭建项目或将vue项目转为electron :大声道奥术大师大声道
    cmf :我的qq 292864861
    cmf :你好 你的B5ThinkCMF下载后有点问题 能帮忙解决下么?
    laravel新手 :您好,laravel9+bootstrap3实现的快速开发后台,下载部署后,刷新加载,F12我看了下,我部署的是240毫秒左右,您部署的测试版本只有50毫秒左右,能辛苦指导下,如何优化lv吗,谢谢
    瀑布 :你好,yii我下载在本地后台,接口请求非常慢,通过debug我发现session_started执行时间很长,想问下这个是需要哪个地方配置吗?
    瀑布 :你好,今天看到你的开源项目,很喜欢,感谢你的开源
    冰舞 on Laravel定时任务的实现 :测试测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试
    文章分类