vue的导入导出
(1)导出一个方法导出//export-default.js 这是一个模块文件export-default.js,它的默认输出是一个函数export default function () {console.log('导出');}导入可以用任意名称指向export-default.js输出的方法,这时就不需要知道原模块输出的函数名。//import-default.jsimport customN
·
(1)导出一个方法
导出
//export-default.js 这是一个模块文件export-default.js,它的默认输出是一个函数
export default function () {
console.log('导出');
}
导入可以用任意名称指向export-default.js输出的方法,这时就不需要知道原模块输出的函数名。
//import-default.js
import customName from './export-default';
customName(); //'导出'
//这是的import命令,可以用**任意名称**指向export-default.js输出的方法,这时就不需要知道原模块输出的函数名。
需要注意的是,这时import命令后面,不使用大括号。
(2)export default导出函数写法
// 导出.js
export default function daochu() {
console.log('导出');
}
// 或者写成
function daochu() {
console.log('导出');
}
//daochu为导出的daochu()要和方法名字一样导出那个方法写那个
export default daochu;
引入
//daochua 可以随便命名
import daochua from 'Utils/daochu.js'
// 方法调用:
mounted() {
console.log(daochua)
daochua()
},
(3)多个函数一块导出
const daochuAll = {
daochu(){
console.log('导出')
},
daochua(){
console.log('导出aa')
},
}
export default daochuAll
引入
import daochu from 'Utils/daochu.js'
//方法调用
daochu.daochu()
daochu.daochua()
(4)export导出
导出
function daochu() {
console.log('导出');
}
function daochuqqq() {
console.log('导出111');
}
export {daochuqqq,daochu};
引入
import {daochu,daochuqqq } from 'Utils/daochu.js'
方法调用
mounted() {
// console.log(daochu)
daochu()
daochuqqq()
},
更多推荐
已为社区贡献1条内容
所有评论(0)