小程序开发踩的坑

小程序开发注意点


箭头函数的省略格式一定要记清楚,如果只有一行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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容