做小程序项目时遇到的难点

最新推荐文章于 2024-10-05 17:19:34 发布

官方小可爱√

最新推荐文章于 2024-10-05 17:19:34 发布

阅读量1.6k

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/weixin_46813929/article/details/110313318

版权

本文探讨了小程序与Vue双向绑定的区别，详细讲解了组件间的通信方式，包括父传子、子传父，以及如何封装微信小程序的数据请求。此外，针对项目启动慢的问题，介绍了分包加载策略以优化加载速度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一，小程序里边的双向绑定和vue的双向绑定有什么区别？

小程序数据双向绑定：：

1，首先利用bindinput来触发改变input输入框中的值
2，使用data-name来获取改变的数据的内容
3， bindinput触发后在方法中通过e.currentTarget.dataset.name来获取改变后的内容‘
4，通过this.setData()来改变data-name绑定的参数就好了

二、组件通信

1. 父组件传给子组件

父组件写法：
这是通过viewText="{ {viewText}}"传向子组件。

<MyToast viewText="{
    {viewText}}" bind:myEvent="OnViewText"></MyToast>

子组件写法
子组件是通过properties来获取：

  properties:{
   
            viewText:{
       //属性名
              type:Number,    //类型，必填项  目前接受的类型有：String,Number,Boolean,Object,Arrray,null(表示任意类型)
              value:''     //属性初始值(可选)如果未制定，会根据类型选择一个。
            }
          }

接下来就是在methods:方法里边的自定义函数中来取值就好了

methods:{
   
    //这里是随便一个方法名字
   add(){
   
     console.log(this.data.viewText

最低0.47元/天解锁文章