uniapp은 모듈식 js 파일과 비모듈식 js 파일을 소개합니다.

방법 1: user.js와 같은 일반적인 js 파일 가져오기

1.1, 속성 및 메소드는 변수 내부에 기록됩니다.

const user={
    login:true,
    isLogin:function(data){
        console.log("展示用户登录信息")
    }
}
export default user;

 1.2, 별도로 작성 가능

function isLogin(data){
    console.log("展示用户登录信息")
}
function getMobile(data){
    console.log("22222222")
}

export default {
    isLogin,
    getMobile
}

  .vue 페이지에서 인용:

<script>
    // 绝对路径，@指向项目根目录，在cli项目中@指向src目录
    import userfrom '@/common/user.js';
    // 相对路径
    import user from '../../common/user.js';

    export default {
        ...
        methods: {
            test(){
                user.isLogin()  //具体使用
            }
        }
    }

</script>

알아채다

• /js 파일은 처음에 가져오기를 지원하지 않습니다.

방법 2: main.js 항목 파일에 user.js를 넣고 전역 메서드로 만들기

import user from './common/user.js';
Vue.prototype.$user = user;

.vue 페이지에서 인용:

<script>
    export default {
        ...
        methods: {
            test(){
                this.$user.isLogin()//具体使用
            }
        }
    }
</script>

방법 3: 공통 폴더에 배치할 수 있고 일반 .js 파일로 참조할 수 있는 md5.js 암호화 파일과 같은 타사 모듈식 .js 파일 가져오기 모듈화된 파일은 module.exports를 통해 개체로 노출됩니다. :

var exports = createMethod();
if (COMMON_JS) {
    module.exports = exports;
} else {
    root.md5 = exports;
    if (AMD) {
        define(function () {
            return exports;
        });
    }
}

.vue 페이지에서 인용: 

<script>
    import md5 from '../../common/md5.js';
    export default {
        ...
        methods: {
            test(){
                let sign = md5(getSignStr(arrKeys, arrValues)).toUpperCase();
            }
        }
    }
</script>

방법 4: nomodule.js와 같은 타사 비modular.js 파일을 가져오는 uniapp에서 개발한 H5는 객체로 노출된 module.exports가 없는 순수 js 파일이며 위와 같이 common 폴더에 배치됩니다. 이렇게 가져오면 찾을 수 없다는 메시지가 뜨는데 이때 nomodule.js는 static 폴더에 넣어야 하고 uniapp에서 H5를 출시하면 static 파일 아래의 내용은 컴파일되지 않고, entry.html 파일과 .vue에서 전역 js를 가져옵니다. 페이지에서 직접 인용하십시오.

4.1、nomodule.js

function isNoModule(data){
    console.log("3333333")
}

4.2 및 entry.html 파일에 글로벌 js 도입

<script charset="utf-8" src="<%= BASE_URL %>static/nomodule.js"></script>

4.3 .vue 페이지에서 참조

<script>
    export default {
        ...
        methods: {
            test(){
                isNoModule();
            }
        }
    }
</script>