uni-app开发函数封装与引用的简单笔记

2020-11-15  本文已影响0人  序无忧

在开发的时候经常需要封装一些函数来提升开发效率,最近接触到uniapp的开发,所以简单记录一下,和小程序的差不多

一、封装函数的方式

比如我们在根目录创建一个文件/utils/utils.js,作为封装的文件
随便写个代码,简单的演示一下

const xuwuyou = function(){
    return "我是序无忧"
}
const xuwuyou2 = function() {
        return "我是序无忧2"
}
//声明函数,可以被引用
module.exports = {
    xuwuyou,
    xuwuyou2
}

二、引入代码文件并使用函数
<script>
    import xuwuyou from "../../utils/utils.js";
    export default {
        data() {
            return {
                title: 'Hello'
            }
        },
        onLoad() {
            let xuwuyou = xuwuyou.xuwuyou();
            console.log(xuwuyou);
        },
        methods: {
            
            
        }
    }
</script>

这样就可以使用了,非常的简单!

上一篇下一篇

猜你喜欢

热点阅读