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

---

一，小程序里边的双向绑定和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