在小程序里面重复使用的一些功能,我们可以单独拿出来,把它定义成一个模块 .. 然后在需要的地方可以导入这个模块提供的功能 ..
之前我们在 index 页面里面,添加了一个方法是 greet ... 它做的事其实就是返回数组里的一个随机的项目 .. 在其它的地方也可能会用到这个功能 .. 所以我们可以把它拿出来放到一个模块里 ..
剪切一下 ..
添加一个文件 .. 放在 libs/helper 的下面,名字可以是 helper.js ..
在这个文件里先添加一个 const helper .. 它的值是个对象 .. 再把刚才剪切的 greet 方法放进来 .. 这里可以修改一下方法的名字,让它更有意义一些 ... 比如 randItem .. 接收的参数是 items ... 再改造一下函数的主体部分 ..
最后我们可以导出在这个文件里定义的 helper ... export { helper as default } 让 helper 作为默认的导出 ..
再回到 index 页面 .. 这里我需要用到 helper 模块里定义的 randItem 方法 .. 先导入这个模块 .. import helper from .. 上一级目录的上一级目录里的 libs 下面的 helper 里的 helper.js ..
然后把之前使用 greet 方法的地方,修改成 helper.randItem
保存一下文件 ..
到开发者工具再去试一下 ... 点一下页面上的问候语 .. 会随机显示一个问候语 ... 这个随机返回数组项目的功能,是在我们定义的一个模块里提供的 ...
在 index 页面,我们使用了这个模块提供的这个功能 ..