weex在項目中的使用及遇到的坑

1.   在開發階段編寫xx.vue檔案，xx.vue檔案會被編譯成 .js 格式的檔案,然後Weex SDK會負責加載渲染這個js檔案。在web 平台和 Native 平台，對 Virtual DOM 執行的解析方法不同。weex 是通過 webpack 打包出 bundle 檔案的。bundle 檔案的打包和 entry.js 檔案的配置數量有關，預設情況下之後一個 entry 檔案，自然也就隻有一個bundle檔案。具體實作步驟：

（1）在入口檔案config.js添加路由和入口js,.temp編譯後臨時目錄

         routerFilePath: 'router/routerXB.js',

         entryFilePath: 'entry/entryXB.js',

         templateDir: '.temp',

（2）webpack.common.conf.js中添引入口js  entry--->   entryXB.js

（3）src/entry中生成入口js檔案   entryXB.js  ，引入routerXB.js

    const router = require('../router/routerXB');

（4）src/router中生成路由js    routerXB.js

（5）添加xb.vue頁面

weex 比起react native，主要是在JS V8的引擎上，多了 JS Framework 承當了重要的職責，使得上層具備統一性，可以支援跨三個平台。總的來說它主要負責是：管理Weex的生命周期；解析JS Bundle，轉為Virtual DOM，再通過所在平台不同的API方法，建構頁面；進行雙向的資料互動和響應。

2.問題總結

（1）<image style="width:170px;height:50px;" src=""></image> 圖檔要設定寬高才能顯示