微信小程序-模块化

最新推荐文章于 2024-08-19 10:17:02 发布

黑猫中校

最新推荐文章于 2024-08-19 10:17:02 发布

阅读量1.9k

点赞数

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/tang1392/article/details/78506718

版权

本文介绍了微信小程序中如何进行模块化开发，强调了js、wxml和wxss三类文件的模块化方法。通过创建独立的js文件来封装公共代码，并通过`module.exports`或`exports`导出接口，实现代码复用和更好的组织结构。注意，每个js文件拥有其自身的作用域，内部定义的变量和函数只在其内部有效。

摘要由CSDN通过智能技术生成

wxml、js、wxss三类都可以模块化！！！

一、js类

可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。

Tip：首先先要了解一点，每个js里定义的变量、函数，只在当前的文件里有效，也就是说每个js文件的作用域只在文件内部

模块文件：

 
  function sayHi(name){ 
 
  console.log( 
  "Hi "+name+ 
  "!"); 
 
  } 
 
  function sayNo(){ 
 
  console.log( 
  "no bug"); 
 
  } 
 
  module.exports={ 
 
  sayHi:sayHi, 
 
  sayNo:sayNo 
 
   }

 
  模块引用： 
 
    var check = 
    require( 
    '../../utils/check.js'); 
   
    Page({ 
   
    data:{ 
   
    username: 
    "Nike" 
   
    }, 
   
    clickTap: 
    function(e){