vue es6 import 和 export

最新推荐文章于 2024-07-31 14:50:55 发布

Ranx3

最新推荐文章于 2024-07-31 14:50:55 发布

阅读量272

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_41472891/article/details/108677145

版权

前端专栏收录该内容

37 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script src="a.js" type="module"></script>
		<script src="a2.js" type = "module"></script>
	</body>
</html>

var flag = true

export {
flag
}

export var num = 1

export function run(){
console.log(“run”)
}

export class Person{
show(){
console.log(“show”)
}
}

const x = ‘上海市’
export default x /在同一个模块中不允许存在多个/

a1.js
```html
import {flag} from "./a.js"
import {num} from "./a.js"   /*导入单个变量也要使用{}*/
import {run} from "./a.js"   /*导入方法*/
import {Person} from "./a.js"  /*导入类*/
import * as demo  from "./a.js"  /*全部导入*/
import c from "./a.js" 
if(flag){
	console.log("hello");
}

console.log(num)

run()

var person = new Person()
person.show()

console.log(c)