export和export defaule的区别使用

区别，export与export default均可用于导出常量、函数、文件、模块等在一个文件或模块中，export、import可以有多个，export default仅有一个，通过export方式导出，在导入时要加{ }，export default则不需要

先说说export： 新建一个a.js 和b.vue文件

a.js

export function setAmount(){
    
    
	let a = 1;
	return a
}
export const setPrice = "2"

b.vue 里引用

<script>
	import {
    
    setAmount,setPrice} from "@/utile/a";
	export default {
    
    
		data(){
    
    
			return {
    
    
			}
		},
		mounted(){
    
    
			setAmount()   //1
			console.log(setPrice) //2
		},
		methods:{
    
    
			
		}
	}
</script>

export default 新建一个a.js 和b.vue文件

a.js

function add() {
    
    
  return 3;
}
export default add;

b.vue 里引用

<script>
	import add from "@/utile/a"; //add可以随便命名
	export default {
    
    
		data(){
    
    
			return {
    
    
			}
		},
		mounted(){
    
    
			add()   //3

		},
		methods:{
    
    
			
		}
	}
</script>