微信小程序小知识点
微信小程序所有的页面都需要放在paage文件夹下
微信小程序有自己的标签 比如text和view
有自己的指令前缀 wx:for 默认情况下 item in 省略不写 绑定key的时候直接写wx:key=“id”
支持三元指令 <view>{{count>100 ? '大于':"不大于"}}</view>
也可以对item和index指定别名<view wx:for='{{list}}' wx:for-item='a' wx:key='index'>{{a}}</view>
bindtap='hanage' 这个是移动端的触摸事件 就是点击事件默认就是事件冒泡 catchtap=‘’ 绑定的事件默认就是阻止冒泡 mut-bind=‘’事件只会触发唯一的一个
page下面的page.js属于页面的事件周期
在小程序中(比如方法里面)访问data中的数据需要在this.data.xxx
小程序双向绑定是单线程绑定的 必须在this.setDate()方法更新数据 这个方法里面存储的是一个对象 以键值对的形式存在
wx:for可以嵌套
小程序所以的东西都是组件
模板里面导出不支持es6的语法 只能: module.exports = {
count:count
}
小程序的传参就是通过自定义属性<view data-xxx = "{{100}}"> </view>来传参的 (事件传参时 默认传递的是字符串 如果要传递数值 数组 对象 布尔类等 需要用{{}} 包裹)
xxx.json文件属于局部的样式 app.json属于全局样式 权重: 局部 > 全局
小程序里面的图片只能用本地的
hide:fale 隐藏 true 显示
小程序事件传参 :传递的参数都在事件对象event中 (通过this.data.count=e.target.dataset.add来传递 count是data里面自定的键 add是标签data-xxx里面的xxx )
小程序的插槽如果在父组件声明多个的话需要在子组件xx.js文件下的options:{multipleSolts:true}
小程序不支持在线用字体图标