weex czzlm 項目開發總結--交互

WEEX交互存在問題與解決方案

一、 須要注意：store必須在router以前加載好，否則執行router.app.$store.commit會出現undefined

二、router.beforeEach的第一個參數to 屬性name默認是undefined,須要定義每一個路由的name

三、組件data 不能return {}

四、路由的解析是按照順序解析的：
{ path: '/', redirect: '/sent/recordList' },
{ path: '*', redirect: '/sent/recordList' },

放在最前面會報錯，須要放在全部路由的後面，由於在它以後的路由解析不到了。

正確的順序：

五、生效：
window.addEventListener('scroll', this.scrollLoad);
document.getElementById('index_wrap').addEventListener('touchmove', this.scrollLoad);
不生效：
document.getElementById('index_wrap').addEventListener('scroll', this.scrollLoad);

六、將原來的router.js寫法進行了修改，如今playground裏面運行不會一片空白了，可是初始的router-view沒法顯示，只有在點擊後路由跳轉了才正常顯示，請問是什麼緣由？
解決：https://segmentfault.com/q/10...
對於初始router-view的不顯示，只要在入口app.js執行跳轉到當前路由就能夠了。
router.push(router.currentRoute.fullPath);

七、使用stream.fetch type方式爲jsonp時，android native 獲取不到數據。
解方法：必須帶jsonp
callback=josnp

八、state數據更新，在native app computed不支持監聽更新當前組件數據， 好比：

解決方法：
數據綁定

九、添加class vue官網寫法不支持native。好比：
https://github.com/alibaba/we...
只支持H5

支持H5 && app native

十、在組件上dispatch一個 actions方法是fetch數據請求必須return,否則會致使組件的請求數據尚未響應回數據就渲染，出現頁面空白。

十一、這樣的渲染能夠可是vue提示檢查類型報錯

須要修改爲函數處理拼接：