小程序中的小细节

1.block标签的使用：循环时去掉标签

<view>
	<view wx:for="list" wx:key="index"></view>
</view>

上面代码是：

key--11

key--22

key--33

key--44

使用block标签后：去掉了循环标签

key--11 key--22 key--33 key--44

2.循环时可省略wx:for-item=“item”,wx:for-index=“index”,默认会添加这两项

<view>
	<view wx:for="list" wx:for-item="item",wx:for-index="index" wx:key="index">	     </view>
</view>

与
<view>
	<view wx:for="list" wx:key="index"></view>
</view>
效果是一样的，且程序不会报错

3.如果是循环普通数组可以不用加wx:key=“xxx”,wx:key="*this",表示是循环普通数组 [“1”,“2”,“3”,“4”]

4.快速添加新页面，app.json -->> “pages”: []里添加，会自动创建新页面文件。快速添加自定义组件页面：

快速添加自定义组件文件：
选中文件夹点“+”
或者 鼠标右键 “新建Compoment”

5.默认显示某个页面，app.json -->> “pages”: []第一项。默认显示[]数组第一项页面

6.只有text标签可以选中复制功能，且text标签只能嵌套text标签

7.图片在小程序中只能上传2mb以内的，可以先把本地图片上传到网上变成网络图片，图片默认宽高 320*240

8.swiper用法：要与swiper-item一起用

图片引入时可不加https

9.navigator导航跳转标签。从当前页面跳转到另一页面，有返回按钮。相当于a标签。变成块级元素了，默认会换行，可添加宽高

target：可以跳转到当前小程序的页面，也可以跳转到其他小程序的页面

10.rich-text富文本标签，可以将字符串解析成对应标签,相当于vue中的v-html

11.button按钮的开放能力

12.使用自定义组件，在需要使用自定义组件的xxx.json文件中，引入自定义组件：

键值对方式，左边标签名，右边路径（只需要精确到名字即可）

13.样式动态化：直接在class中用两个花括号

14.自定义组件回调函数需要放在methods中（与vue一致），不是自定义组件与data同级

15.父传子

用法：子组件使用方法与data中参数使用一样。
{{aaa}}

16.子传父

子组件xx.js文件内

父组件绑定函数

父组件xx.js内接收函数

17.自定义组件-slot

只显示其中一项

18.组件内部属性

observers===watch 用来监听data与properties数据改变，一般用于组件中，不用于页面中