http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/style/style-flex.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/style/style-flex.js 
b/ios/playground/bundlejs/vue/style/style-flex.js
deleted file mode 100644
index 580fafb..0000000
--- a/ios/playground/bundlejs/vue/style/style-flex.js
+++ /dev/null
@@ -1,937 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(214)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(215)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(216)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/style/style-flex.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-50f1e28a"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(4)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(5)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(6)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/include/panel.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-58511ff6"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "panel": {
-           "marginBottom": 20,
-           "backgroundColor": "#ffffff",
-           "borderColor": "#dddddd",
-           "borderWidth": 1
-         },
-         "panel-primary": {
-           "borderColor": "rgb(40,96,144)"
-         },
-         "panel-success": {
-           "borderColor": "rgb(76,174,76)"
-         },
-         "panel-info": {
-           "borderColor": "rgb(70,184,218)"
-         },
-         "panel-warning": {
-           "borderColor": "rgb(238,162,54)"
-         },
-         "panel-danger": {
-           "borderColor": "rgb(212,63,58)"
-         },
-         "panel-header": {
-           "backgroundColor": "#f5f5f5",
-           "fontSize": 40,
-           "color": "#333333"
-         },
-         "panel-header-primary": {
-           "backgroundColor": "rgb(40,96,144)",
-           "color": "#ffffff"
-         },
-         "panel-header-success": {
-           "backgroundColor": "rgb(92,184,92)",
-           "color": "#ffffff"
-         },
-         "panel-header-info": {
-           "backgroundColor": "rgb(91,192,222)",
-           "color": "#ffffff"
-         },
-         "panel-header-warning": {
-           "backgroundColor": "rgb(240,173,78)",
-           "color": "#ffffff"
-         },
-         "panel-header-danger": {
-           "backgroundColor": "rgb(217,83,79)",
-           "color": "#ffffff"
-         },
-         "panel-body": {
-           "paddingLeft": 12,
-           "paddingRight": 12,
-           "paddingTop": 20,
-           "paddingBottom": 20
-         }
-       }
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         props: {
-           type: { default: 'default' },
-           title: { default: '' },
-           paddingBody: { default: 20 },
-           paddingHead: { default: 20 },
-           dataClass: { default: '' }, // FIXME transfer class
-           border: { default: 0 }
-         }
-       };
-
-/***/ }),
-
-/***/ 6:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           class: ['panel', 'panel-' + _vm.type],
-           style: {
-             borderWidth: _vm.border
-           }
-         }, [_c('text', {
-           class: ['panel-header', 'panel-header-' + _vm.type],
-           style: {
-             paddingTop: _vm.paddingHead,
-             paddingBottom: _vm.paddingHead,
-             paddingLeft: _vm.paddingHead * 1.5,
-             paddingRight: _vm.paddingHead * 1.5
-           }
-         }, [_vm._v(_vm._s(_vm.title))]), _c('div', {
-           class: ['panel-body', 'panel-body-' + _vm.type],
-           style: {
-             paddingTop: _vm.paddingBody,
-             paddingBottom: _vm.paddingBody,
-             paddingLeft: _vm.paddingBody * 1.5,
-             paddingRight: _vm.paddingBody * 1.5
-           }
-         }, [_vm._t("default")], 2)])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ }),
-
-/***/ 208:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(209)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(210)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(211)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/style/style-item.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-947d2656"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-
-
-/***/ }),
-
-/***/ 209:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "item": {
-           "marginRight": 10,
-           "width": 160,
-           "height": 75,
-           "paddingLeft": 8,
-           "paddingRight": 8,
-           "paddingTop": 8,
-           "paddingBottom": 8
-         },
-         "txt": {
-           "color": "#eeeeee"
-         }
-       }
-
-/***/ }),
-
-/***/ 210:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         props: {
-           value: { default: '' },
-           type: { default: '0' // 0, 1
-           } },
-         computed: {
-           bgColor: function bgColor() {
-             return this.type == '1' ? '#7BA3A8' : '#BEAD92';
-           }
-         }
-       };
-
-/***/ }),
-
-/***/ 211:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('text', {
-           staticClass: ["item", "txt"],
-           style: {
-             backgroundColor: _vm.bgColor
-           },
-           attrs: {
-             "value": _vm.value
-           }
-         })
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ }),
-
-/***/ 214:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "row": {
-           "flexDirection": "row",
-           "marginBottom": 10
-         },
-         "row-align": {
-           "height": 160,
-           "borderWidth": 3,
-           "borderColor": "#dddddd",
-           "borderStyle": "solid"
-         }
-       }
-
-/***/ }),
-
-/***/ 215:
-/***/ (function(module, exports, __webpack_require__) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         components: {
-           panel: __webpack_require__(3),
-           styleItem: __webpack_require__(208)
-         }
-       };
-
-/***/ }),
-
-/***/ 216:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', [_c('panel', {
-           attrs: {
-             "title": "flex-direction",
-             "type": "primary"
-           }
-         }, [_c('div', {
-           staticClass: ["row"],
-           staticStyle: {
-             flexDirection: "row"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "value": "row"
-           }
-         }), _c('style-item', {
-           attrs: {
-             "type": "1"
-           }
-         })], 1), _c('div', {
-           staticClass: ["row"],
-           staticStyle: {
-             flexDirection: "column"
-           }
-         }, [_c('style-item', {
-           attrs: {
-             "value": "column"
-           }
-         }), _c('style-item', {
-           attrs: {
-             "type": "1"
-           }
-         })], 1)]), _c('panel', {
-           attrs: {
-             "title": "justify-content",
-             "type": "primary"
-           }
-         }, [_c('div', {
-           staticClass: ["row"],
-           staticStyle: {
-             justifyContent: "flex-start"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "type": "1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         })], 1), _c('div', {
-           staticClass: ["row"],
-           staticStyle: {
-             justifyContent: "flex-end"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "type": "1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         })], 1), _c('div', {
-           staticClass: ["row"],
-           staticStyle: {
-             justifyContent: "center"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "type": "1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         })], 1), _c('div', {
-           staticClass: ["row"],
-           staticStyle: {
-             justifyContent: "space-between"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "type": "1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         })], 1)]), _c('panel', {
-           attrs: {
-             "title": "align-items",
-             "type": "primary"
-           }
-         }, [_c('div', {
-           staticClass: ["row", "row-align"],
-           staticStyle: {
-             alignItems: "flex-start"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "type": "1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         })], 1), _c('div', {
-           staticClass: ["row", "row-align"],
-           staticStyle: {
-             alignItems: "flex-end"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "type": "1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         })], 1), _c('div', {
-           staticClass: ["row", "row-align"],
-           staticStyle: {
-             alignItems: "center"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "type": "1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         })], 1), _c('div', {
-           staticClass: ["row", "row-align"],
-           staticStyle: {
-             alignItems: "stretch"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "type": "1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           }
-         })], 1)]), _c('panel', {
-           attrs: {
-             "title": "flex",
-             "type": "primary"
-           }
-         }, [_c('div', {
-           staticClass: ["row"],
-           staticStyle: {
-             alignItems: "flex-start"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "value": "no flex"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "value": "no flex",
-             "type": "1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "value": "no flex"
-           }
-         })], 1), _c('div', {
-           staticClass: ["row"],
-           staticStyle: {
-             alignItems: "flex-start"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0"
-           },
-           attrs: {
-             "value": "no flex"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0",
-             flex: "1"
-           },
-           attrs: {
-             "type": "1",
-             "value": "flex:1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0",
-             flex: "2"
-           },
-           attrs: {
-             "value": "flex:2"
-           }
-         })], 1), _c('div', {
-           staticClass: ["row"],
-           staticStyle: {
-             alignItems: "flex-start"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0",
-             flex: "1"
-           },
-           attrs: {
-             "value": "flex:1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0",
-             flex: "1"
-           },
-           attrs: {
-             "type": "1",
-             "value": "flex:1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0",
-             flex: "1"
-           },
-           attrs: {
-             "value": "flex:1"
-           }
-         })], 1), _c('div', {
-           staticClass: ["row"],
-           staticStyle: {
-             alignItems: "flex-start"
-           }
-         }, [_c('style-item', {
-           staticStyle: {
-             marginRight: "0",
-             flex: "1"
-           },
-           attrs: {
-             "value": "flex:1"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0",
-             flex: "2"
-           },
-           attrs: {
-             "type": "1",
-             "value": "flex:2"
-           }
-         }), _c('style-item', {
-           staticStyle: {
-             marginRight: "0",
-             flex: "3"
-           },
-           attrs: {
-             "value": "flex:3"
-           }
-         })], 1)]), _c('panel', {
-           attrs: {
-             "title": "flex-wrap",
-             "type": "primary"
-           }
-         }, [_c('div', {
-           staticClass: ["row"],
-           staticStyle: {
-             flexWrap: "wrap",
-             backgroundColor: "grey",
-             padding: "10"
-           }
-         }, [_c('style-item', {
-           attrs: {
-             "value": "1:wrap"
-           }
-         }), _c('style-item', {
-           attrs: {
-             "value": "2:wrap"
-           }
-         }), _c('style-item', {
-           attrs: {
-             "value": "3:wrap"
-           }
-         }), _c('style-item', {
-           attrs: {
-             "value": "4:wrap"
-           }
-         }), _c('style-item', {
-           attrs: {
-             "value": "5:wrap"
-           }
-         }), _c('style-item', {
-           attrs: {
-             "value": "6:wrap"
-           }
-         })], 1), _c('div', {
-           staticClass: ["row"],
-           staticStyle: {
-             flexWrap: "nowrap",
-             backgroundColor: "grey",
-             padding: "10"
-           }
-         }, [_c('style-item', {
-           attrs: {
-             "value": "1:nowrap"
-           }
-         }), _c('style-item', {
-           attrs: {
-             "value": "2:nowrap"
-           }
-         }), _c('style-item', {
-           attrs: {
-             "value": "3:nowrap"
-           }
-         }), _c('style-item', {
-           attrs: {
-             "value": "4:nowrap"
-           }
-         }), _c('style-item', {
-           attrs: {
-             "value": "5:nowrap"
-           }
-         }), _c('style-item', {
-           attrs: {
-             "value": "6:nowrap"
-           }
-         })], 1)])], 1)
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/style/style-item.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/style/style-item.js 
b/ios/playground/bundlejs/vue/style/style-item.js
deleted file mode 100644
index c47f5ea..0000000
--- a/ios/playground/bundlejs/vue/style/style-item.js
+++ /dev/null
@@ -1,159 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(209)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(210)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(211)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/style/style-item.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-947d2656"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 209:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "item": {
-           "marginRight": 10,
-           "width": 160,
-           "height": 75,
-           "paddingLeft": 8,
-           "paddingRight": 8,
-           "paddingTop": 8,
-           "paddingBottom": 8
-         },
-         "txt": {
-           "color": "#eeeeee"
-         }
-       }
-
-/***/ }),
-
-/***/ 210:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         props: {
-           value: { default: '' },
-           type: { default: '0' // 0, 1
-           } },
-         computed: {
-           bgColor: function bgColor() {
-             return this.type == '1' ? '#7BA3A8' : '#BEAD92';
-           }
-         }
-       };
-
-/***/ }),
-
-/***/ 211:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('text', {
-           staticClass: ["item", "txt"],
-           style: {
-             backgroundColor: _vm.bgColor
-           },
-           attrs: {
-             "value": _vm.value
-           }
-         })
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/hello-world-1.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/hello-world-1.js 
b/ios/playground/bundlejs/vue/syntax/hello-world-1.js
deleted file mode 100644
index f6b9bf1..0000000
--- a/ios/playground/bundlejs/vue/syntax/hello-world-1.js
+++ /dev/null
@@ -1,98 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* template */
-       var __vue_template__ = __webpack_require__(221)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/hello-world-1.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 221:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _vm._m(0)
-       },staticRenderFns: [function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', [_c('text', [_vm._v("Hello World")])])
-       }]}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/hello-world-2.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/hello-world-2.js 
b/ios/playground/bundlejs/vue/syntax/hello-world-2.js
deleted file mode 100644
index 10b3cc5..0000000
--- a/ios/playground/bundlejs/vue/syntax/hello-world-2.js
+++ /dev/null
@@ -1,115 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* template */
-       var __vue_template__ = __webpack_require__(222)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/hello-world-2.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 222:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _vm._m(0)
-       },staticRenderFns: [function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           staticStyle: {
-             alignItems: "center",
-             marginTop: "120px"
-           }
-         }, [_c('image', {
-           staticStyle: {
-             width: "360px",
-             height: "82px"
-           },
-           attrs: {
-             "src": "https://alibaba.github.io/weex/img/[email protected]";
-           }
-         }), _c('text', {
-           staticStyle: {
-             fontSize: "48px"
-           }
-         }, [_vm._v("Hello World")])])
-       }]}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/hello-world-3.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/hello-world-3.js 
b/ios/playground/bundlejs/vue/syntax/hello-world-3.js
deleted file mode 100644
index dec78f5..0000000
--- a/ios/playground/bundlejs/vue/syntax/hello-world-3.js
+++ /dev/null
@@ -1,131 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(223)
-       )
-
-       /* template */
-       var __vue_template__ = __webpack_require__(224)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/hello-world-3.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-62c25799"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 223:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "wrapper": {
-           "alignItems": "center",
-           "marginTop": 120
-         },
-         "title": {
-           "fontSize": 48
-         },
-         "logo": {
-           "width": 360,
-           "height": 82
-         }
-       }
-
-/***/ }),
-
-/***/ 224:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _vm._m(0)
-       },staticRenderFns: [function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           staticClass: ["wrapper"]
-         }, [_c('image', {
-           staticClass: ["logo"],
-           attrs: {
-             "src": "https://alibaba.github.io/weex/img/[email protected]";
-           }
-         }), _c('text', {
-           staticClass: ["title"]
-         }, [_vm._v("Hello World")])])
-       }]}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/hello-world-4.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/hello-world-4.js 
b/ios/playground/bundlejs/vue/syntax/hello-world-4.js
deleted file mode 100644
index 67f5ec7..0000000
--- a/ios/playground/bundlejs/vue/syntax/hello-world-4.js
+++ /dev/null
@@ -1,171 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(225)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(226)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(227)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/hello-world-4.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-62d06f1a"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 225:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "wrapper": {
-           "alignItems": "center",
-           "marginTop": 120
-         },
-         "title": {
-           "fontSize": 48
-         },
-         "logo": {
-           "width": 360,
-           "height": 82
-         }
-       }
-
-/***/ }),
-
-/***/ 226:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         data: {
-           logoUrl: 'https://alibaba.github.io/weex/img/[email protected]',
-           target: 'World'
-         }
-       };
-
-/***/ }),
-
-/***/ 227:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           staticClass: ["wrapper"]
-         }, [_c('image', {
-           staticClass: ["logo"],
-           attrs: {
-             "src": _vm.logoUrl
-           }
-         }), _c('text', {
-           staticClass: ["title"]
-         }, [_vm._v("Hello " + _vm._s(_vm.target))])])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/hello-world-5.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/hello-world-5.js 
b/ios/playground/bundlejs/vue/syntax/hello-world-5.js
deleted file mode 100644
index 89d9099..0000000
--- a/ios/playground/bundlejs/vue/syntax/hello-world-5.js
+++ /dev/null
@@ -1,177 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(228)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(229)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(230)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/hello-world-5.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-62de869b"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 228:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "wrapper": {
-           "alignItems": "center",
-           "marginTop": 120
-         },
-         "title": {
-           "fontSize": 48
-         },
-         "logo": {
-           "width": 360,
-           "height": 82
-         }
-       }
-
-/***/ }),
-
-/***/ 229:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         data: {
-           logoUrl: 'https://alibaba.github.io/weex/img/[email protected]',
-           target: 'World'
-         },
-         methods: {
-           update: function update(e) {
-             this.target = 'Weex';
-           }
-         }
-       };
-
-/***/ }),
-
-/***/ 230:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           staticClass: ["wrapper"],
-           on: {
-             "click": _vm.update
-           }
-         }, [_c('image', {
-           staticClass: ["logo"],
-           attrs: {
-             "src": _vm.logoUrl
-           }
-         }), _c('text', {
-           staticClass: ["title"]
-         }, [_vm._v("Hello " + _vm._s(_vm.target))])])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/hello-world.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/hello-world.js 
b/ios/playground/bundlejs/vue/syntax/hello-world.js
deleted file mode 100644
index f99c126..0000000
--- a/ios/playground/bundlejs/vue/syntax/hello-world.js
+++ /dev/null
@@ -1,187 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(218)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(219)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(220)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/hello-world.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-80b7209a"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 218:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "wrapper": {
-           "alignItems": "center",
-           "marginTop": 120
-         },
-         "title": {
-           "fontSize": 48
-         },
-         "logo": {
-           "width": 360,
-           "height": 82
-         }
-       }
-
-/***/ }),
-
-/***/ 219:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         data: {
-           logoUrl: 'https://alibaba.github.io/weex/img/[email protected]',
-           target: 'World'
-         },
-         methods: {
-           update: function update(e) {
-             this.target = 'Weex';
-             console.log('target:', this.target);
-           }
-         }
-       };
-
-/***/ }),
-
-/***/ 220:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           staticClass: ["wrapper"],
-           on: {
-             "click": _vm.update
-           }
-         }, [_c('image', {
-           staticClass: ["logo"],
-           attrs: {
-             "src": _vm.logoUrl
-           }
-         }), _c('text', {
-           staticClass: ["title"]
-         }, [_vm._v("Hello " + _vm._s(_vm.target))])])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/script-component.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/script-component.js 
b/ios/playground/bundlejs/vue/syntax/script-component.js
deleted file mode 100644
index 62a2f27..0000000
--- a/ios/playground/bundlejs/vue/syntax/script-component.js
+++ /dev/null
@@ -1,237 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* script */
-       __vue_exports__ = __webpack_require__(231)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(236)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/script-component.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 231:
-/***/ (function(module, exports, __webpack_require__) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         data: function data() {
-           return {
-             items: [{ title: 'A', url: 'a' }, { title: 'B', url: 'b' }, { 
title: 'C', url: 'c' }]
-           };
-         },
-         components: {
-           item: __webpack_require__(232)
-         }
-       };
-
-/***/ }),
-
-/***/ 232:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(233)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(234)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(235)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/include/sub.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-7fded835"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-
-
-/***/ }),
-
-/***/ 233:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "item-txt": {
-           "fontSize": 48,
-           "color": "#555555"
-         }
-       }
-
-/***/ }),
-
-/***/ 234:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         props: ['url', 'title']
-       };
-
-/***/ }),
-
-/***/ 235:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('text', {
-           staticClass: ["item-txt"]
-         }, [_vm._v(_vm._s(_vm.title))])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ }),
-
-/***/ 236:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('list', _vm._l((_vm.items), function(item, i) {
-           return _c('cell', {
-             key: i,
-             appendAsTree: true,
-             attrs: {
-               "append": "tree"
-             }
-           }, [_c('text', [_vm._v(_vm._s(item.title))]), _c('item', {
-             attrs: {
-               "title": 'a'
-             }
-           })], 1)
-         }))
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/script-data.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/script-data.js 
b/ios/playground/bundlejs/vue/syntax/script-data.js
deleted file mode 100644
index 51010b5..0000000
--- a/ios/playground/bundlejs/vue/syntax/script-data.js
+++ /dev/null
@@ -1,218 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(237)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(238)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(239)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/script-data.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-35577c70"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 237:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "title": {
-           "fontSize": 48
-         }
-       }
-
-/***/ }),
-
-/***/ 238:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       // // if this is a sub component and the parent component could set 
`firstName` and `lastName` by:
-       // // `<subcomponent first-name="John" 
last-name="Smith"></subcomponent>`
-       // // but the `date` won't be changed from parent component
-       // module.exports = {
-       //   props: ['firstName', 'lastName'],
-       //   data: function () {
-       //     return {
-       //       date: Date.now()
-       //     }
-       //   }
-       // }
-
-       // // more `props` formats like
-       // module.exports = {
-       //   props: {
-       //     firstName: {
-       //       default: 'John'
-       //     },
-       //     lastName: {
-       //       type: String,
-       //       default: 'Smith'
-       //     }
-       //   },
-       //   data: function () {
-       //     return {
-       //       date: Date.now()
-       //     }
-       //   }
-       // }
-
-       module.exports = {
-         data: function data() {
-           return {
-             firstName: 'John',
-             lastName: 'Smith',
-             date: Date.now()
-           };
-         },
-         methods: {
-           update: function update() {
-             this.today = '2016-01-01';
-             console.log('today:', this.today);
-           }
-         },
-         computed: {
-           fullName: function fullName() {
-             return this.firstName + ' ' + this.lastName;
-           },
-           today: {
-             get: function get() {
-               return new Date(this.date).toDateString();
-             },
-             set: function set(v) {
-               this.date = Date.parse(v);
-             }
-           }
-         }
-       };
-
-/***/ }),
-
-/***/ 239:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           on: {
-             "click": _vm.update
-           }
-         }, [_c('text', {
-           staticClass: ["title"]
-         }, [_vm._v(_vm._s(_vm.firstName))]), _c('text', {
-           staticClass: ["title"]
-         }, [_vm._v(_vm._s(_vm.lastName))]), _c('text', {
-           staticClass: ["title"]
-         }, [_vm._v(_vm._s(_vm.fullName))]), _c('text', {
-           staticClass: ["title"]
-         }, [_vm._v(_vm._s(_vm.today))])])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/script-events.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/script-events.js 
b/ios/playground/bundlejs/vue/syntax/script-events.js
deleted file mode 100644
index 4984609..0000000
--- a/ios/playground/bundlejs/vue/syntax/script-events.js
+++ /dev/null
@@ -1,166 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(240)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(241)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(242)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/script-events.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-0fd9da37"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 240:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "title": {
-           "fontSize": 48
-         }
-       }
-
-/***/ }),
-
-/***/ 241:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         data: function data() {
-           return {
-             list: []
-           };
-         },
-         mounted: function mounted() {
-           function custom(e) {
-             this.list.push('custom: ' + JSON.stringify(e));
-             console.log(this.list);
-           }
-
-           this.$emit('custom', { x: 1 });
-
-           this.$on('custom', custom);
-           this.$emit('custom', { x: 2 });
-
-           this.$off('custom', custom);
-           this.$emit('custom', { x: 3 });
-         }
-       };
-
-/***/ }),
-
-/***/ 242:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', _vm._l((_vm.list), function(value, i) {
-           return _c('text', {
-             key: i,
-             staticClass: ["title"]
-           }, [_vm._v(_vm._s(value))])
-         }))
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/script-instance.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/script-instance.js 
b/ios/playground/bundlejs/vue/syntax/script-instance.js
deleted file mode 100644
index 20d7564..0000000
--- a/ios/playground/bundlejs/vue/syntax/script-instance.js
+++ /dev/null
@@ -1,200 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(243)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(244)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(245)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/script-instance.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-6937c633"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 243:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "title": {
-           "fontSize": 48
-         }
-       }
-
-/***/ }),
-
-/***/ 244:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         data: function data() {
-           return {
-             x: 1,
-             y: 2
-           };
-         },
-         methods: {
-           foo: function foo() {
-             console.log('foo');
-           },
-           test: function test() {
-
-             // access data/props
-             console.log(this.x);
-
-             // access computed
-             console.log(this.z);
-
-             // call methods
-             this.foo();
-
-             // get config
-             console.log(this.$getConfig());
-
-             // listen and fire component events
-             this.$emit('custom');
-             this.$on('custom', this.foo);
-             this.$off('custom', this.foo);
-
-             // // parent component and sub components
-             // this.$parent.$emit('custom')
-             // this.$refs['sub'].$emit('custom')
-
-             // // find element
-             // var dom = weex.requireModule('dom')
-             // dom.scrollToElement(this.$el('title'), {offset: 0})
-           }
-         },
-         computed: {
-           z: function z() {
-             return this.x + this.y;
-           }
-         },
-         mounted: function mounted() {
-           this.test();
-         }
-       };
-
-/***/ }),
-
-/***/ 245:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _vm._m(0)
-       },staticRenderFns: [function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', [_c('text', {
-           staticClass: ["title"],
-           attrs: {
-             "id": "title"
-           }
-         }, [_vm._v("Please check out the source code.")])])
-       }]}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/script-lifecycle.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/script-lifecycle.js 
b/ios/playground/bundlejs/vue/syntax/script-lifecycle.js
deleted file mode 100644
index 7f6e510..0000000
--- a/ios/playground/bundlejs/vue/syntax/script-lifecycle.js
+++ /dev/null
@@ -1,160 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(246)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(247)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(248)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/script-lifecycle.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-30f5343c"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 246:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "title": {
-           "fontSize": 48
-         }
-       }
-
-/***/ }),
-
-/***/ 247:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       var initMessage;
-       module.exports = {
-         data: function data() {
-           return {
-             list: ['Lifecycle List']
-           };
-         },
-         init: function init() {
-           initMessage = 'component init: nothing more happen even the data 
initialization';
-           console.log('init:', this.list);
-         },
-         created: function created() {
-           this.list.push(initMessage);
-           this.list.push('component created: data observed');
-           console.log('created:', this.list);
-         },
-         mounted: function mounted() {
-           this.list.push('component mounted: virtual dom generated');
-           console.log('mounted:', this.list);
-         }
-       };
-
-/***/ }),
-
-/***/ 248:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', _vm._l((_vm.list), function(value, i) {
-           return _c('text', {
-             key: i,
-             staticClass: ["title"]
-           }, [_vm._v(_vm._s(value))])
-         }))
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/script-module.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/script-module.js 
b/ios/playground/bundlejs/vue/syntax/script-module.js
deleted file mode 100644
index 86a9d0f..0000000
--- a/ios/playground/bundlejs/vue/syntax/script-module.js
+++ /dev/null
@@ -1,163 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(249)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(250)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(251)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/script-module.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-bf7683ec"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 249:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "btn": {
-           "fontSize": 36,
-           "textAlign": "center",
-           "color": "#FFFFFF",
-           "backgroundColor": "#808080",
-           "paddingTop": 20,
-           "paddingRight": 20,
-           "paddingBottom": 20,
-           "paddingLeft": 20,
-           "borderRadius": 5
-         }
-       }
-
-/***/ }),
-
-/***/ 250:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       var modal = weex.requireModule('modal');
-       module.exports = {
-         methods: {
-           test: function test() {
-             modal.toast({
-               message: 'Toast!',
-               duration: 3
-             });
-           }
-         }
-       };
-
-/***/ }),
-
-/***/ 251:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', [_c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.test
-           }
-         }, [_vm._v("Toast!")])])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/ios/playground/bundlejs/vue/syntax/script-options.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/vue/syntax/script-options.js 
b/ios/playground/bundlejs/vue/syntax/script-options.js
deleted file mode 100644
index 01b7391..0000000
--- a/ios/playground/bundlejs/vue/syntax/script-options.js
+++ /dev/null
@@ -1,186 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (function(modules) { // webpackBootstrap
-/******/       // The module cache
-/******/       var installedModules = {};
-
-/******/       // The require function
-/******/       function __webpack_require__(moduleId) {
-
-/******/               // Check if module is in cache
-/******/               if(installedModules[moduleId])
-/******/                       return installedModules[moduleId].exports;
-
-/******/               // Create a new module (and put it into the cache)
-/******/               var module = installedModules[moduleId] = {
-/******/                       exports: {},
-/******/                       id: moduleId,
-/******/                       loaded: false
-/******/               };
-
-/******/               // Execute the module function
-/******/               modules[moduleId].call(module.exports, module, 
module.exports, __webpack_require__);
-
-/******/               // Flag the module as loaded
-/******/               module.loaded = true;
-
-/******/               // Return the exports of the module
-/******/               return module.exports;
-/******/       }
-
-
-/******/       // expose the modules object (__webpack_modules__)
-/******/       __webpack_require__.m = modules;
-
-/******/       // expose the module cache
-/******/       __webpack_require__.c = installedModules;
-
-/******/       // __webpack_public_path__
-/******/       __webpack_require__.p = "";
-
-/******/       // Load entry module and return exports
-/******/       return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(252)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(253)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(254)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/syntax/script-options.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-c44ec020"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 252:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "title": {
-           "fontSize": 48
-         }
-       }
-
-/***/ }),
-
-/***/ 253:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         // // import sub components
-         // components: {
-         //   item: require('./components/sub.vue')
-         // },
-
-         // // for sub component only
-         // props: ['a', 'b'],
-
-         // for root component only
-         data: {
-           x: 1,
-           y: 2
-         },
-         // // for sub component only
-         // data: function () {
-         //   return {
-         //     x: 1,
-         //     y: 2
-         //   }
-         // }
-
-         methods: {
-           foo: function foo() {
-             console.log('foo');
-           }
-         },
-
-         computed: {
-           z: function z() {
-             return this.x + this.y;
-           }
-         },
-
-         init: function init() {},
-         created: function created() {},
-         mounted: function mounted() {}
-       };
-
-/***/ }),
-
-/***/ 254:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _vm._m(0)
-       },staticRenderFns: [function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', [_c('text', {
-           staticClass: ["title"]
-         }, [_vm._v("Please check out the source code.")])])
-       }]}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

Reply via email to