微信小程序 定义全局数据、函数复用、模版等详细介绍


Posted in Javascript onOctober 27, 2016

微信小程序 定义全局数据、函数复用、模版等问题总结:

1.如何定义全局数据

在app.js的App({})中定义的数据或函数都是全局的,在页面中可以通过var app = getApp();  app.function/key的方式调用,不过我们没有必要再app.js中定义全局函数。

2.如何实现代码的复用

函数的复用:

test.js
test: function(){
}
module.exports={
 test:test 
}

other.js
var common = require('test.js');
page({
common.test()
})

模板:

<template name="odd">
 <view> odd </view>
</template>
<template name="even">
 <view> even </view>
</template>

<block wx:for="{{[1, 2, 3, 4, 5]}}">
  <template is="{{item % 2 == 0 ? 'even' : 'odd'}}"/>
</block>
//我们页可以把模板定义在其他文件中,以<import src="url"/>的形式引入,但是import有作用域的概念,即只会import目标文件中定义的template,
而不会import目标文件import的template
//include可以将目标文件除了<template/>的整个代码引入,相当于是拷贝到include位置。

 3.对于组件中值为boolean类型的属性,比如progress组件的active属性,checkbox的checked属性等等。无论设置成true还是false该属性都生效,测试发现html中也有这种情况,但通过checked={{}}的方式可以渲染成功。

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
对象的类型:本地对象(1)
Dec 29 Javascript
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
Dec 12 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
Mar 30 Javascript
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
基于vue-element组件实现音乐播放器功能
May 06 Javascript
element ui table(表格)实现点击一行展开功能
Dec 04 Javascript
详解js动态获取浏览器或页面等容器的宽高
Mar 13 Javascript
javascript中的this作用域详解
Jul 15 Javascript
node实现爬虫的几种简易方式
Aug 22 Javascript
JavaScript 中的无穷数(Infinity)详解
Feb 13 Javascript
vue-路由精讲 二级路由和三级路由的作用
Aug 06 Javascript
ant-design表单处理和常用方法及自定义验证操作
Oct 27 Javascript
vue插件tab选项卡使用小结
Oct 27 #Javascript
JS实现用户注册时获取短信验证码和倒计时功能
Oct 27 #Javascript
微信小程序 action-sheet底部菜单详解
Oct 27 #Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
Oct 27 #Javascript
微信小程序  modal弹框组件详解
Oct 27 #Javascript
从0开始学Vue
Oct 27 #Javascript
微信小程序  Mustache语法详细介绍
Oct 27 #Javascript
You might like
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
Protoss建筑一览
2020/03/14 星际争霸
php file_put_contents()功能函数(集成了fopen、fwrite、fclose)
2011/05/24 PHP
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
2019/03/18 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
DOM精简教程
2006/10/03 Javascript
javascript据option的value值快速设定初始的selected选项
2007/08/13 Javascript
Kibo 用于处理键盘事件的Javascript工具库
2011/10/28 Javascript
Javascript面向对象扩展库代码分享
2012/03/27 Javascript
使用jQuery.fn自定义jQuery翻页插件
2013/01/20 Javascript
用IE重起计算机或者关机的示例代码
2014/03/10 Javascript
Javascript基础之数组的使用
2016/05/13 Javascript
canvas实现弧形可拖动进度条效果
2017/05/11 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
Node.js中环境变量process.env的一些事详解
2017/10/26 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
详解Axios统一错误处理与后置
2018/09/26 Javascript
简述pm2常用命令集合及配置文件说明
2019/05/30 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
[48:52]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第一局
2016/02/25 DOTA
[56:46]Liquid vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python里对list中的整数求平均并排序
2014/09/12 Python
Python实现自动登录百度空间的方法
2017/06/10 Python
python模拟事件触发机制详解
2018/01/19 Python
python3+PyQt5 实现Rich文本的行编辑方法
2019/06/17 Python
Python使用docx模块实现刷题功能代码
2020/02/13 Python
浅谈matplotlib默认字体设置探索
2021/02/03 Python
CSS3实现多样的边框效果
2018/05/04 HTML / CSS
使用phonegap检测网络状态的方法
2017/03/30 HTML / CSS
一个基于canvas的移动端图片编辑器的实现
2020/10/28 HTML / CSS
LVMH旗下最大的奢侈品网站平台:24S
2020/05/24 全球购物
民政局离婚协议书范本
2014/10/20 职场文书
2016年情人节问候语
2015/11/11 职场文书
2016大学生暑期三下乡心得体会
2016/01/23 职场文书
纯 CSS 自定义多行省略的问题(从原理到实现)
2021/11/11 HTML / CSS