wepy2.0 使用 部分总结

新项目，微信小程序尝试将 wepy1.x 升级到 wepy2.0

代码 可以很好地使用 vuex ，这点很赞

1、组件

①在 wepy1.0 中，同一个组件的状态是 同样的，但是在 wepy2.0 中，组件状态都是分开来的

②可以看到，其 原本提供的 

$broadcast()、$emit()、$invoke()

仅仅留下了 和 vue 一样 的 ，同时可以使用 

$emit()
this.$refs.

③父子组件双向绑定的问题

在 wepy1 中，是提供了 .sync 和 twoway: true  的方式双向绑定的，

但是在wepy2.0 中        相关 issue

④ 可以看到，wepy 的组件都是以 shadow dom 的形式展示的，

当想要给对应的 组件附加 格外的 style 的时候

需要给  先给其加上 display: block

2、内部的对象

 在 wepy2.0 中，事件对象都 被 wepy 包了一层

      
        {{item.name}}
      
    

radioChange(event) {
        console.log(event);
        // this.$emit('radioChange', $wx.detail)
      }

①可以看到 微信对象都被 包在了一个 $wx 对象里面，可以使用 结构 直接获取

②promisify 的使用

// 使用这个插件之后，可以 将所有的 微信内置方法变成 promise
import promisify  from '@wepy/use-promisify';

万万没想到的是：  需要给 方法前面加一个 wx

async created () {
   const { userInfo } = await wepy.wx.getUserInfo();
   store.commit('SET_USERINFO', userInfo);
},

③globalData 

虽然可以使用 vuex 了，但是有的时候还是得使用 globaldata ，比如说在 app.wpy 的时候

this.$options.globalData.isShare = true

3、使用echarts

之所以单独拉出来讲，是因为实在想要重点记一下

直接上代码

{
  usingComponents: {
    'ec-canvas': './ec-canvas/ec-canvas'
  }
}

需要注意的是：小程序的

scroll-view :

写是这样写，但是实际使用的时候 2019.8.20 当前

当有多个 echarts 图表，在ios 真机 是不能滚动的，而且 tooltip 失效

只能  view 来 使用 原始的 滚动