美文网首页
uni-app开发函数封装与引用的简单笔记

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

作者: 序无忧 | 来源:发表于2020-11-15 17:38 被阅读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>
    
    

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

    相关文章

      网友评论

          本文标题:uni-app开发函数封装与引用的简单笔记

          本文链接:https://www.haomeiwen.com/subject/eknnbktx.html