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>
这样就可以使用了,非常的简单!