小程序开发注意点
箭头函数的省略格式一定要记清楚,如果只有一行return,就要把{ }去掉,不然会报错
() => h('h1','什么都可以')
() => { return h('h1','什么都可以')}
() => {h('h1','什么都可以')} !!!!!!!!!!!!!!!!!!!!!!!!错误的
如果数据是响应式要用ref函数包裹
如果要改变ref,要记得加value,不然会报错RefImpl对象只读错误
逻辑关注点,要注意开发的逻辑关注点
微信小程序的生命周期分页面生命周期和小程序生命周期
[微信小程序之生命周期 - 简书 (jianshu.com)](https:// www.jianshu.com/p/ee7c11d691c1)
父子间传值使用props,props是配置项,父组件要传,子组件也要接,
// 静态传
<view text="xxx"></view>
// 动态传
<view :text=a></view>
动态传要声明
//子组件接
export default {
props:['text'],
name:'Check',
setup(){
let sum = ref(0)
watch(sum,(newValue,oldValue)=>{
console.log('变了',newValue , oldValue)
})
return{
sum
}
}
}
配置项可以是数组,可以是对象,对象要注明类型
taro相关的配置项
taro路由传参#
可以通过在所有跳转的 url
后面添加查询字符串参数进行跳转传参,例如:
// 传入参数 id=2&type=test
Taro.navigateTo({
url: '/pages/page/path/name?id=2&type=test'
})
taro网络请求
要区分vue的getCurrentInstance()和taro的Taro.getCurrentInstance()
taro的getCurrentInstance拿到的是和路由相关的数据,vue的拿的是实例对象
新的提交校验
根据接不接收参数会影响函数对数据的判断
此处fff函数是作为tap事件监听函数,若接收pp参数。log的pp是一个event对象,此处是taro event对象,若不接受参数,取的就算定义的pp函数
子传父通过自定义事件
emit
emits