美文网首页微信小程序
5-2 使用require方法加载js模块儿文件

5-2 使用require方法加载js模块儿文件

作者: 留白_汉服vs插画 | 来源:发表于2017-11-20 19:15 被阅读53次

    本节重点:怎么从脚本文件引用,读取这些数据。

    知识点1、出口 

    我们为了模拟服务器,先把数据放到post-data.js里面,然后在这个文件里面写上

    module.exports = {

            postList:Local_database

    }

    和nodeJS里的模块输出是一样的。能够通过这个出口expert输出数据到别的脚本里。

    注意,setData参数是对象,里面是键值对,不要写a_key= a ,极容易错。

    想输出多少变量都可以,出口中一直追加就可以了。

    里面定义上属性变量postList,它的值就是post-data.js里面定义的关于数据的对象数组。

    定义的方法就是属性变量名+属性变量名的值。想有多少变量都可以。

    知识点2、“入口”,也就是对应的post.js如何来接收对应的数据。

    在post.js开始,定义一个变量var postsData = require("../../data/post-data.js"),参数是入口文件的文件路径,但是注意必须是相对路径,不能绝对路径。

    varpostsData =require("../../data/posts-data.js")  注意这个入口路径代码,非常容易错。引号后面多空格都不行。

    知识点3、现在postsData就是从post-data中得到的数据。因为出口中的数据,可能很多,不止local_database,所以都是使用的键值对,postList:local_database。postsData是从出口export获取的全部数据,postsData.postList 就是其中对应local_database数据。然后用postsData.postList代替this.setData( )函数中的posts_content返回给wxml文件。

    如果有部分元素不显示,就修改响应的问题。

    不要使用this.data 赋值,只能用this.setData() 。否则还会引起数据不一致的问题。

    由于现在返回的是postList,所以对应的wxml的for中,也要调整了。下面第13行。

    我的不用改,在setData中返回的posts_key】

    我的不用改,在setData中返回的posts_key

    相关文章

      网友评论

        本文标题:5-2 使用require方法加载js模块儿文件

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