区别,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>