简单绑定
! --xml重这样写--view {{ message }} /view! - -在js中为消息分配值---page (
data: {
消息: '赫尔罗明娜!'
}
() )
条件渲染
格式为view wx:if='{{条件} '1/viewviewwx : if=' {长度5 } '1/viewviewwx 3360 Elif=' {长度2 } '
渲染列表
! --array是数组,随便命名,从js中赋值。 item为固定格式,无法更改。 否则,将不会显示--view wx : for=' {阵列} { {项目}/view }。 为array指定值---page (
data:{
阵列:“a”、“b”、“c”、“d”和“e”,
}
() )
模板
! - -模板定义- -模板名称='我的移动'
视图
文本: /文本
/视图/模板! ----- template is='我的移动数据=' { . zhangsan } ' /! - -赋值--Page({ (
data: {
张世安:
name:hxdhj,
age:18,
}
}
() )
活动
事件是指在布局文件中使用bindtap,并在js文件中设置方法
view bindtap='clickme '我/view
页()。
Data:{
点击me :功能(e ) {
console.log ('已单击) );
}
}
}
引用
! - -引用有两种。 一个是引用其他布局的模板,另一个是引用其他布局的模板以外的部分---! - -第一个导入:在page2中引用page2模板- -导入src=' ./page2/page2. wxml ' /! - -引用的话,可以直接使用page2的模板---! - -注意:如果在page2中引用了page3,则此处不引入page3。 也就是说,不能传递引用。 如果page1也想使用page3的模板,则page3--template is='mytemp'/! - -在第2个include:page1中引用page2的模板以外的部分。 这和安卓的include一样---! - -直接将page2的布局添加到了page1页面上--- include src=' ./page2/page2. wxml ' /
模块化
虽然模块化、模板和引用类似,但是模块化可以理解为公共方法代码块。 对象是js代码。 模板和引用是针对布局xml文件的。
! --1、可以创建公共代码块,单独创建文件夹,单独创建js文件---! 创建并导出名为common的文件夹和js文件---功能存储(内容)
console.log ('杨jsddy是' content ' );
}! - -导出方法有两种,但强烈建议使用第一种--module.exports.mysay=say; //=左侧的mysay必须自由命名,右侧必须是方法名称
exports.my say=天; //这种方式是引用的,不推荐! --- 2、使用代码块---! - -可以不写先导入有公共方法的类,即js---- var common=require (' ./common/common.js ' )的//.js后缀
common.mysay ('我是杨jsddy ) ); //这个mysay与导出时的名称相对应