vue遇到的坑

尺寸使用
rpx = window.innerWidth/750
对于iphone6 1rpx = 0.5px
对于iphone6p 1rpx = 0.552px

1)template的is可以直接引用模板也可以用来判断引用哪个模板,后面数据用data=“{{...list}}”表示
vue遇到的坑
2)list是展示的数据
vue遇到的坑
3)这是两个模板页:分别用来显示有数据和无数据的模板
vue遇到的坑
2. 绑定跳转链接
bindtap="login"为绑定事件,当需要点击一个对象的时候,要在其标签上加上bindtap(和click使用方法一样。)

vue遇到的坑
vue遇到的坑
3.本地存取
vue遇到的坑
vue遇到的坑
vue遇到的坑
4.过滤数据逻辑
vue遇到的坑
vue遇到的坑
const findData = (list, key, id) => {
for(let i=0;i<list.length;i++){
if(list[i][key]==id){
return list[i]
}
}
return {}
}
5.target指的是当前点击的组件 currentTarget 指的是事件捕获的组件
vue遇到的坑
vue遇到的坑