vue中export和export default的使用
<script>export default {name: 'HelloWorld'}$(function () {alert('引入成功')})</script>一、export的使用比喻index.js要使用test.js中的数据,首先在test.js文件中进行导出操作export function list(){alert("list");}export functi
·
<script>
export default {
name: 'HelloWorld'
}
$(function () {
alert('引入成功')
})
</script>
一、export的使用
比喻index.js要使用test.js中的数据,首先在test.js文件中进行导出操作
export function list()
{
alert("list");
}
export function info()
{
alert("info");
}
export let a=10;
在index.js文件进行导入操作
<template>
<div>
<div v-show="show">HelloWorld</div>
<button @click="handleClick">Click</button>
</div>
</template>
<script>
import {list} from '@/components/common.js'
export default {
name: "test",
data() {
return {
show: true
};
},
methods: {
handleClick: function() {
list();
}
}
};
</script>
2、export default的使用
test.js文件
index.js文件中:
注意:
一个js文件是可以有多个 export
但是一个js文件中只能有一个export default
更多推荐
已为社区贡献1条内容
所有评论(0)