从零开始学习微信小程序(三)

知识点:
1、通过import引入其他.js文件
2、通过引入.wxml文件
3、通过data实现将数据传递给template模板
4、通过@import在一个.wxss文件中引入另一个.wxss文件
5、其他注意事项

一、通过import引入.js文件的方式:

只能采用相对路径,不能使用绝对路径,如:在一个.js文件中引入位于根目录下的data文件夹下的posts-data.js文件的写法:

var post_data = require('../../data/posts-data.js')

**注意:**如果使用绝对路径的写法,则会报错,如下:

var post_data = require('/data/posts-data.js')

二、通过引入.wxml文件

假若有一个template模板,name属性值为postItem,为位于根目录下的post-item下的post-item-template.wxml文件,要在另外一个.wxml文件中引入,则可通过如下写法:

<import src='post-item/post-item-template.wxml'/>

在文件中的应用:

<template is="postItem"/>

**注意:**这里的is的名称要与name的属性值相对应

三、通过data将数据传递给template

以以上为例,如果要将数据传递给template,则可以通过以下写法:

<template is="postItem" data="item"/>

item为要传输的数据

四、通过@import在一个.wxss文件中引入另一个.wxss文件

如:

@import '文件路径';

五、其他注意事项

1)在template中绑定事件不会被执行
2)可通过data-自定义属性,自定义属性无论是大写还是小写,都会被转换为小写,而’-'后连接的第一个字符会被转换为大写字符

六、在一个页面跳转到另一个页面,如何将数据传输到该跳转的页面?

可通过在wx.navigateTo({url:‘XXX?a=’ + b})传递,a为要传递的数据的名称,b为要传递的数据的变量,然后在跳转后的页面的.js文件中的onload事件,通过该函数的options属性进行获取

好久没写博客了,最近由于毕设的需要,回校开始做毕设,好好学习小程序,把学到的知识点记录下来,这里再扯一会,写这个博文是听小虎队的歌《爱》边写的,感觉他们的歌还是很好听,声音很清纯,有兴趣可以听一听~

猜你喜欢

转载自blog.csdn.net/tozeroblog/article/details/88799929
今日推荐