知了课堂Day1——微信小程序基础01-template、事件

1.在微信开发者工具新建page或者component

在App.json直接添加一个新的page路径，微信开发者工具会自动创建相应的文件。

2.wx:key

wx:key文档

3.template {{…item}}

<import src=''   />
<include src=''  />
@import'../news/news.wxss'
           

模板文档

4.事件绑定 bind:event

5.参数传递

页面传参：

<view data-id='{{id}}'>

js获取参数： event.currentTarget.dataset得到的是一个对象，包含了页面传来的所有参数

路由传参：wx.navigateTo({url:’/pages/test/test?id=’+id})

6.事件冒泡与阻止

bind:event

catch:event

mut-bind:event

mut-catch:event

capture-bind:event

capture-catch:event

target事件源组件

currentTarget当前组件

mark与dateset

mark 会包含从触发事件的节点到根节点上所有的 mark: 属性值；而 dataset 仅包含一个节点的 data- 属性值。

事件文档（4.5.6都是）