http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/f3d58bd0/cn/references/vue/difference-with-web.html ---------------------------------------------------------------------- diff --git a/cn/references/vue/difference-with-web.html b/cn/references/vue/difference-with-web.html deleted file mode 100644 index 46656af..0000000 --- a/cn/references/vue/difference-with-web.html +++ /dev/null @@ -1,1431 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <meta charset="utf-8"> - - <title>Vue 2.x å¨ Weex å Web ä¸çå·®å¼ | Weex</title> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> - <meta name="description" content="Vue.js å¨ Weex å Web ä¸çå·®å¼å¹³å°å·®å¼Vue.js æåæ¯ä¸º Web å¹³å°è®¾è®¡çï¼è½ç¶å¯ä»¥åºäº Weex å¼ååçåºç¨ï¼ä½æ¯ Web å¼åååçå¼åæ¯ç«ä¸åï¼å¨åè½åå¼åä½éªä¸é½æä¸äºå·®å¼ï¼è¿äºå·®å¼ä»æ¬è´¨ä¸è®²æ¯åçå¼åå¹³å°å Web å¹³å°ä¹é´çå·®å¼ï¼å¯ä»¥éè¿ãWeex å Web å¹³å°çå·®å¼ãäºè§£æ´å¤ç»èååå ã ç±äºè¿è¡å¹³å°åå¨å·®å¼ï¼Weex ä¸æ¯æ Vue.js ä¸ä¸ DOM"> -<meta property="og:type" content="website"> -<meta property="og:title" content="Vue 2.x å¨ Weex å Web ä¸çå·®å¼"> -<meta property="og:url" content="https://weex-project.io/cn/references/vue/difference-with-web.html";> -<meta property="og:site_name" content="Weex"> -<meta property="og:description" content="Vue.js å¨ Weex å Web ä¸çå·®å¼å¹³å°å·®å¼Vue.js æåæ¯ä¸º Web å¹³å°è®¾è®¡çï¼è½ç¶å¯ä»¥åºäº Weex å¼ååçåºç¨ï¼ä½æ¯ Web å¼åååçå¼åæ¯ç«ä¸åï¼å¨åè½åå¼åä½éªä¸é½æä¸äºå·®å¼ï¼è¿äºå·®å¼ä»æ¬è´¨ä¸è®²æ¯åçå¼åå¹³å°å Web å¹³å°ä¹é´çå·®å¼ï¼å¯ä»¥éè¿ãWeex å Web å¹³å°çå·®å¼ãäºè§£æ´å¤ç»èååå ã ç±äºè¿è¡å¹³å°åå¨å·®å¼ï¼Weex ä¸æ¯æ Vue.js ä¸ä¸ DOM"> -<meta property="og:updated_time" content="2017-04-28T02:36:21.000Z"> -<meta name="twitter:card" content="summary"> -<meta name="twitter:title" content="Vue 2.x å¨ Weex å Web ä¸çå·®å¼"> -<meta name="twitter:description" content="Vue.js å¨ Weex å Web ä¸çå·®å¼å¹³å°å·®å¼Vue.js æåæ¯ä¸º Web å¹³å°è®¾è®¡çï¼è½ç¶å¯ä»¥åºäº Weex å¼ååçåºç¨ï¼ä½æ¯ Web å¼åååçå¼åæ¯ç«ä¸åï¼å¨åè½åå¼åä½éªä¸é½æä¸äºå·®å¼ï¼è¿äºå·®å¼ä»æ¬è´¨ä¸è®²æ¯åçå¼åå¹³å°å Web å¹³å°ä¹é´çå·®å¼ï¼å¯ä»¥éè¿ãWeex å Web å¹³å°çå·®å¼ãäºè§£æ´å¤ç»èååå ã ç±äºè¿è¡å¹³å°åå¨å·®å¼ï¼Weex ä¸æ¯æ Vue.js ä¸ä¸ DOM"> - - <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml"> - - - <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png"> - - - <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css"> - - <link rel="stylesheet" href="/css/style.css"> - <link rel="stylesheet" href="/css/swiper.min.css"> -</head> - -<body id="references" class="lang-cn"> - - <script> - window.PAGE_TYPE = "references"; - window.ROOT = "/" - </script> - <header id="header"> - <div class="navbar"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <div class="main-nav"> - <ul class="links"> - <li><a href="/cn/guide">æç¨</a></li> - <li><a href="/cn/references">æå</a></li> - <li class="dropdown"> - <a href="javascript:;">åè</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/faq.html">FAQ</a> - </li> - <li> - <a href="/cn/releasenote.html">çæ¬è¯´æ</a> - </li> - </ul> - </li> - <li class="dropdown"> - <a href="javascript:;">å·¥å ·åæå¡</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/playground.html">Playground</a> - </li> - <li> - <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a> - </li> - <li> - <a href="http://dotwe.org"; target="_blank">Code Snippets</a> - </li> - <li> - <a href="https://market.dotwe.org"; target="_blank">Market</a> - </li> - </ul> - </li> - </ul> - <ul class="info"> - <li><a href="https://github.com/apache/incubator-weex/"; target="_blank"><span class="btn-github iconfont icon-github"></span></a></li> - </ul> - <ul class="tools"> - <li> - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - </li> - <li> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/references/vue/difference-with-web.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/references/vue/difference-with-web.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </li> - <!--<li></li>--> - </ul> - </div> - </div> - <div id="mobile-nav"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <a class="btn-menu"><span class="iconfont icon-nav"></span></a> - </div> -</header> - - <div id="sidebar" class=""> - <div class="sidebar-menu"> - - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - - - -<div class="summary"> - <h2 class="part-title"> - - æå - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/references/index.html" class="sidebar-link ">éç¨ç¹æ§</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a> - </li> - - <li> - <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a> - </li> - - <li> - <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a> - </li> - - <li> - <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a> - </li> - - <li> - <a href="/cn/references/common-style.html" class="sidebar-link ">éç¨æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/text-style.html" class="sidebar-link ">ææ¬æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/color-names.html" class="sidebar-link ">é¢è²å称å表</a> - </li> - - <li> - <a href="/cn/references/gesture.html" class="sidebar-link ">æå¿</a> - </li> - - <li> - <a href="/cn/references/path.html" class="sidebar-link ">Path (è±)</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">å 建ç»ä»¶</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/components/a.html" class="sidebar-link "><a></a> - </li> - - <li> - <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a> - </li> - - <li> - <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a> - </li> - - <li> - <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a> - </li> - - <li> - <a href="/cn/references/components/text.html" class="sidebar-link "><text></a> - </li> - - <li> - <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a> - </li> - - <li> - <a href="/cn/references/components/video.html" class="sidebar-link "><video></a> - </li> - - <li> - <a href="/cn/references/components/web.html" class="sidebar-link "><web></a> - </li> - - <li> - <a href="/cn/references/components/div.html" class="sidebar-link "><div></a> - </li> - - <li> - <a href="/cn/references/components/image.html" class="sidebar-link "><image></a> - </li> - - <li> - <a href="/cn/references/components/input.html" class="sidebar-link "><input></a> - </li> - - <li> - <a href="/cn/references/components/list.html" class="sidebar-link "><list></a> - </li> - - <li> - <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a> - </li> - - <li> - <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a> - </li> - - <li> - <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a> - </li> - - <li> - <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">å 建模å</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a> - </li> - - <li> - <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a> - </li> - - <li> - <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a> - </li> - - <li> - <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a> - </li> - - <li> - <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a> - </li> - - <li> - <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a> - </li> - - <li> - <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a> - </li> - - <li> - <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a> - </li> - - <li> - <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a> - </li> - - <li> - <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a> - </li> - - <li> - <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS åä½</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">éç¨äºä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex å®ä¾åé</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web æ å</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link current ">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">ä½¿ç¨ Vuex å vue-router</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">é«é¶ç¥è¯</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">æå± JS framework</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link ">è¿ç§»</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex å Web å¹³å°çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">å¦ä½å°åæ Weex 项ç®æ¹é æ Vue çæ¬</a> - </li> - - <li> - <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex å Vue 2.x çè¯æ³å·®å¼</a> - </li> - - </ul> - - </li> - - - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">æ§è¯æ³ææ¡£</a></h3> - </li> - - </ul> -</div> - - <a class="btn-close-sidebar iconfont icon-close"></a> - </div> -</div> - - <div class="article-wrapper page-layout"> - <div class="doc-nav"> - - - -<div class="summary"> - <h2 class="part-title"> - - æå - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/references/index.html" class="sidebar-link ">éç¨ç¹æ§</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a> - </li> - - <li> - <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a> - </li> - - <li> - <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a> - </li> - - <li> - <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a> - </li> - - <li> - <a href="/cn/references/common-style.html" class="sidebar-link ">éç¨æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/text-style.html" class="sidebar-link ">ææ¬æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/color-names.html" class="sidebar-link ">é¢è²å称å表</a> - </li> - - <li> - <a href="/cn/references/gesture.html" class="sidebar-link ">æå¿</a> - </li> - - <li> - <a href="/cn/references/path.html" class="sidebar-link ">Path (è±)</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">å 建ç»ä»¶</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/components/a.html" class="sidebar-link "><a></a> - </li> - - <li> - <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a> - </li> - - <li> - <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a> - </li> - - <li> - <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a> - </li> - - <li> - <a href="/cn/references/components/text.html" class="sidebar-link "><text></a> - </li> - - <li> - <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a> - </li> - - <li> - <a href="/cn/references/components/video.html" class="sidebar-link "><video></a> - </li> - - <li> - <a href="/cn/references/components/web.html" class="sidebar-link "><web></a> - </li> - - <li> - <a href="/cn/references/components/div.html" class="sidebar-link "><div></a> - </li> - - <li> - <a href="/cn/references/components/image.html" class="sidebar-link "><image></a> - </li> - - <li> - <a href="/cn/references/components/input.html" class="sidebar-link "><input></a> - </li> - - <li> - <a href="/cn/references/components/list.html" class="sidebar-link "><list></a> - </li> - - <li> - <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a> - </li> - - <li> - <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a> - </li> - - <li> - <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a> - </li> - - <li> - <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">å 建模å</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a> - </li> - - <li> - <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a> - </li> - - <li> - <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a> - </li> - - <li> - <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a> - </li> - - <li> - <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a> - </li> - - <li> - <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a> - </li> - - <li> - <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a> - </li> - - <li> - <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a> - </li> - - <li> - <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a> - </li> - - <li> - <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a> - </li> - - <li> - <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS åä½</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">éç¨äºä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex å®ä¾åé</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web æ å</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link current ">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">ä½¿ç¨ Vuex å vue-router</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">é«é¶ç¥è¯</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">æå± JS framework</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link ">è¿ç§»</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex å Web å¹³å°çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">å¦ä½å°åæ Weex 项ç®æ¹é æ Vue çæ¬</a> - </li> - - <li> - <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex å Vue 2.x çè¯æ³å·®å¼</a> - </li> - - </ul> - - </li> - - - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">æ§è¯æ³ææ¡£</a></h3> - </li> - - </ul> -</div> - </div> - - -<article class="article article-type-references"> - <div class="article-entry" itemprop="articleBody"> - <header class="article-header"> - - - <h1 class="article-title" itemprop="name"> - Vue 2.x å¨ Weex å Web ä¸çå·®å¼ - </h1> - - - <time class="article-date" datetime="2017-04-28T02:36:21.000Z">Updated time: 28/04/2017</time> -</header> - <h1 id="Vue-js-å¨-Weex-å-Web-ä¸çå·®å¼"><a href="#Vue-js-å¨-Weex-å-Web-ä¸çå·®å¼" class="headerlink" title="Vue.js å¨ Weex å Web ä¸çå·®å¼"></a>Vue.js å¨ Weex å Web ä¸çå·®å¼</h1><h2 id="å¹³å°å·®å¼"><a href="#å¹³å°å·®å¼" class="headerlink" title="å¹³å°å·®å¼"></a>å¹³å°å·®å¼</h2><p>Vue.js æåæ¯ä¸º Web å¹³å°è®¾è®¡çï¼è½ç¶å¯ä»¥åºäº Weex å¼ååçåºç¨ï¼ä½æ¯ Web å¼åååçå¼åæ¯ç«ä¸åï¼å¨åè½åå¼åä½éªä¸é½æä¸äºå·®å¼ï¼è¿äºå·®å¼ä»æ¬è´¨ä¸è®²æ¯åçå¼åå¹³å°å Web å¹³å°ä¹é´çå·®å¼ï¼å¯ä»¥éè¿<a href="../platform-difference.html">ãWeex å Web å¹³å°çå·®å¼ã</a>äºè§£æ´å¤ç»èååå ã</p> -<p>ç±äºè¿è¡å¹³å°åå¨å·®å¼ï¼Weex ä¸æ¯æ Vue.js ä¸ä¸ DOM ç¸å ³çåè½ï¼</p> -<ul> -<li>ä¸æ¯æäºä»¶å泡åæè·æºå¶ï¼<code>.prevent</code> ã<code>.capture</code> ã<code>.stop</code> ã<code>.self</code> çäºä»¶ä¿®é¥°ç¬¦å¨åçç¯å¢ä¸æ æä¹ã</li> -<li>é®çäºä»¶ç <code>.{keyCode | keyAlias}</code> 修饰符å¨åçç¯å¢ä¸æ æä¹ã(åè <a href="https://cn.vuejs.org/v2/guide/events.html#æé®ä¿®é¥°ç¬¦"; target="_blank" rel="external">Vue ç¸å ³ææ¡£</a>)</li> -<li>æ éèªè¡è°ç¨ <code>vm.$mount</code>ï¼é»è®¤ä¼å°å ¥å£ç»ä»¶æè½½å°åçåºç¨çè§å¾ä¸ã</li> -<li>ä¸æ¯æ <code>v-html</code> å <code>v-text</code> æ令ã</li> -</ul> -<h2 id="åè½å·®å¼"><a href="#åè½å·®å¼" class="headerlink" title="åè½å·®å¼"></a>åè½å·®å¼</h2><h3 id="ä» å¼å ¥äº-Vue-Runtime"><a href="#ä» å¼å ¥äº-Vue-Runtime" class="headerlink" title="ä» å¼å ¥äº Vue Runtime"></a>ä» å¼å ¥äº Vue Runtime</h3><p>Vue é¤äºæä¾é»è®¤çå®æ´å 以å¤ï¼è¿æä¾ä¸ä¸ªæ´å°å·§ç <code>vue.runtime.js</code>ï¼å¨è¿ä¸ªæ件ä¸ç§»é¤äºæ¨¡æ¿ç¼è¯çç¸å ³æä½ï¼Weex ä¸ä¹ä» å¼å ¥ Vue Runtime çåè½ï¼è¿æ ·åé¤äºå¯ä»¥åå°ä»£ç ä½ç§¯ä»¥å¤ï¼è¿è½åå°è¿è¡æç¼è¯æ¨¡æ¿çè´æ ï¼æåæ§è½ã</p> -<p>å ·ä½çå·®å¼æï¼</p> -<ul> -<li>å®ä¹ç»ä»¶æ¶ä¸æ¯æä½¿ç¨ <code>template</code> å±æ§ã</li> -<li>ä¸æ¯æä½¿ç¨ <code>x-templates</code>ã</li> -<li>ä¸æ¯æä½¿ç¨ <code>Vue.compile</code>ã</li> -</ul> -<h3 id="é离å¤é¡µé¢çä½ç¨å"><a href="#é离å¤é¡µé¢çä½ç¨å" class="headerlink" title="é离å¤é¡µé¢çä½ç¨å"></a>é离å¤é¡µé¢çä½ç¨å</h3><p>Weex å¨åç端使ç¨çæ¯âå¤é¡µâçå®ç°ï¼ä¸åç js bundle å°ä¼å¨ä¸åçåç页é¢ä¸æ§è¡ï¼ä¹å°±æ¯è¯´ï¼ä¸åç js bundle ä¹é´å°ä¸åå ±äº« js åéãå³ä½¿æ¯ <code>Vue</code> è¿ä¸ªåéï¼å¨ä¸å页é¢ä¸ä¹å¯¹åºäºä¸åçå¼ç¨ã</p> -<p>åºäºè¿ä¸ªç¹æ§ï¼Vue ä¸å ¨å±åè½å°åªå¨å½å页é¢å çæï¼</p> -<ul> -<li><code>Vue.config</code></li> -<li><code>Vue.component</code></li> -<li><code>Vue.directive</code></li> -<li><code>Vue.filter</code></li> -<li><code>Vue.mixin</code></li> -<li><code>Vue.use</code></li> -</ul> -<blockquote> -<p>注ï¼ä»¥ä¸æ¥å£çåè½å¹¶æªåå½±åï¼åªæ¯å ¶çæèå´å°ä¼éå¶å¨åä¸é¡µé¢å ã</p> -</blockquote> -<h2 id="æ ·å¼å·®å¼"><a href="#æ ·å¼å·®å¼" class="headerlink" title="æ ·å¼å·®å¼"></a>æ ·å¼å·®å¼</h2><p>Web ä¸ç CSS é常ççµæ´»ï¼ç§¯ç´¯äºç¹å«å¤çå±æ§ï¼æ¯æå¤ç§å¸å±æ¹æ³ï¼è¿æ¯å ¶ä¼å¿ï¼ä¹æ¯æµè§å¨æ§è½ä¼åçä¸ä¸ªç¶é¢ã</p> -<p>Weex ä¸çæ ·å¼æ¯ç±åç渲æå¨è§£æçï¼åºäºæ§è½ååè½å¤æ度çèèï¼Weex 对 CSS çç¹æ§åäºä¸äºåèï¼ä½¿å ¶æ´ç¬¦åæä½³å®è·µã</p> -<h3 id="åç±»åéæ©å¨åä½ç¨å"><a href="#åç±»åéæ©å¨åä½ç¨å" class="headerlink" title="åç±»åéæ©å¨åä½ç¨å"></a>åç±»åéæ©å¨åä½ç¨å</h3><p>Weex ä¸åªæ¯æå个类åéæ©å¨ï¼ä¸æ¯æå ³ç³»éæ©å¨ï¼ä¹ä¸æ¯æå±æ§éæ©å¨ã</p> -<figure class="highlight css"><table><tr><td class="code"><pre><div class="line"><span class="comment">/* æ¯æå个类åéæ©å¨ */</span></div><div class="line"><span class="selector-class">.one-class</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line">}</div><div class="line"></div><div class="line"><span class="comment">/* ä¸æ¯æå ³ç³»éæ©å¨ */</span></div><div class="line"><span class="selector-class">.parent</span> > <span class="selector-class">.child</span> {</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">10px</span>;</div><div class="line">}</div><div class="line"></div><div class="line"><span class="comment">/* ä¸æ¯æå±æ§éæ©å¨ï¼ä¸æ¯æ `v-cloak` æ令 */</span></div><div class="line"><span class="selector-attr">[v-cloak]</span> {</div><div class="line"> <span class="attribute">color</span>: <span cla ss="number">#FF6600</span>;</div><div class="line">}</div></pre></td></tr></table></figure> -<p>è¿ä¸ªåªæ¯å¯¹æ ·å¼å®ä¹çéå¶ï¼ä¸å½±åæ ·å¼ç±»åç使ç¨ï¼å¨æ ç¾ä¸å¯ä»¥æ·»å å¤ä¸ªæ ·å¼ç±»åï¼å¦ï¼</p> -<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"one two three"</span>></span><span class="tag"><<span class="name">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div></pre></td></tr></table></figure> -<h3 id="ç»ä»¶çº§å«çä½ç¨å"><a href="#ç»ä»¶çº§å«çä½ç¨å" class="headerlink" title="ç»ä»¶çº§å«çä½ç¨å"></a>ç»ä»¶çº§å«çä½ç¨å</h3><p>å¨ Weex ä¸ï¼åå¨ç»ä»¶ <code><style></code> éçæ ·å¼åªè½ç¨å¨å½åç»ä»¶ä¸ï¼é»è®¤æ¯ <code>scoped</code> ä½ç¨åã为äºä¿æå Native çä¸è´æ§ï¼å»ºè®®å¨ <code>.vue</code> æ件ä¸åæ ·å¼æ¶ï¼å ä¸ <code>scoped</code> å±æ§ï¼å³ï¼ <code><style scoped></code>ã</p> -<h3 id="æ¯æçæ ·å¼å±æ§"><a href="#æ¯æçæ ·å¼å±æ§" class="headerlink" title="æ¯æçæ ·å¼å±æ§"></a>æ¯æçæ ·å¼å±æ§</h3><p>Weex æ¯æçæ ·å¼ç¹æ§æ¯ CSS çåéï¼å¹¶ä¸ä¼ä¸ææ©å ï¼å¨å®ç°è¿ç¨ä¸æ们åèäº <a href="https://gist.github.com/Jinjiang/ea6b403036b7287cf8b8508729b77ac0#css-properties"; target="_blank" rel="external">CSS å±æ§å¨æµè§å¨ä¸ç使ç¨é¢ç</a>ï¼ä¼å å®ç°å ¶ä¸é¢çæé«çä¸äºå±æ§ã</p> -<p>Weex æ¯æäºåºæ¬çç模åå flexbox å¸å±ï¼ä»¥åå ¶ä»å¸¸ç¨æ ·å¼ï¼è¯¦æ å¯åè<a href="../common-style.html">Weex éç¨æ ·å¼ææ¡£</a>ã</p> -<p>å¨ç¼åæ ·å¼æ¶ï¼è¿åºè¯¥æ³¨æä¸ä¸å ç¹ï¼</p> -<ul> -<li>ä¸éè¦åæ ·å¼åç¼ã</li> -<li>Weex ä¸æ¯æ <code>display: none;</code>ï¼å æ¤ä¹ä¸æ¯æ <code>v-show</code> æ令ã</li> -<li>为äºä¼åæ ·å¼è§£æçæçï¼æ ·å¼å±æ§æä¸æ¯æç®åï¼æ¶åä¸ä¸å±æ§ï¼<ul> -<li><code>border</code> ã<code>border-(top|bottom|left|right)</code></li> -<li><code>margin</code></li> -<li><code>padding</code></li> -<li><code>flex</code></li> -</ul> -</li> -</ul> -<h2 id="ç¼è¯ç¯å¢çå·®å¼"><a href="#ç¼è¯ç¯å¢çå·®å¼" class="headerlink" title="ç¼è¯ç¯å¢çå·®å¼"></a>ç¼è¯ç¯å¢çå·®å¼</h2><p>å¨ Weex ä¸ä½¿ç¨ Vue.js ï¼ä½ æéè¦å ³æ³¨çè¿è¡å¹³å°é¤äº Web ä¹å¤è¿æ Android å iOS ï¼å¨å¼ååç¼è¯ç¯å¢ä¸è¿æä¸äºä¸åç¹ãé对 Web ååçå¹³å°ï¼å° Vue 项ç®æºæ件ç¼è¯æç®æ æ件ï¼æ两ç§ä¸åçæ¹å¼ï¼</p> -<ul> -<li>é对 Web å¹³å°ï¼åæ®é Vue 2.X 项ç®ä¸æ ·ï¼å¯ä»¥ä½¿ç¨ä»»æå®æ¹æ¨èçæ¹å¼ç¼è¯æºæ件ï¼å¦ Webpack + vue-loader æè Browserify + vueify ã</li> -<li>é对 Android å iOS å¹³å°ï¼æ们æä¾äº <a href="https://github.com/weexteam/weex-loader"; target="_blank" rel="external">weex-loader</a> å·¥å ·æ¯æç¼è¯ <code>.vue</code> æ ¼å¼çåæ件ç»ä»¶ï¼ä¹å°±æ¯è¯´ï¼ç®ååªè½ä½¿ç¨ Webpack + weex-loader æ¥çæåç端å¯ç¨ç js bundleã</li> -</ul> -<h3 id="使ç¨-weex-loader"><a href="#使ç¨-weex-loader" class="headerlink" title="ä½¿ç¨ weex-loader"></a>ä½¿ç¨ weex-loader</h3><p>weex-loader æ¯ Webpack çä¸ä¸ªå è½½å¨ï¼ä½¿ç¨æ¹æ³åèå ¶<a href="http://webpack.github.io/docs/using-loaders.html"; target="_blank" rel="external">å®æ¹ææ¡£</a>ãéè¦æéçæ¯ï¼å¦æ Webpack é ç½®çå ¥å£æ件æ¯ä¸ª <code>.vue</code> æ ¼å¼çæ件çè¯ï¼è¿éè¦é¢å¤ä¼ é <code>entry</code> åæ°ï¼é常设置为 <code>true</code>ï¼è¡¨ç¤ºå°å½åç»ä»¶ä½ä¸ºå ¥å£ç»ä»¶ã为äºè½æ£å¸¸å¹é <code>.vue</code> æ件ï¼Webpack é ç½®æä»¶ä¸ weex-loader çå¹é è§åä¹éè¦ææè°æ´ã</p> -<figure class="highlight js"><table><tr><td class="code"><pre><div class="line"><span class="built_in">module</span>.exports = {</div><div class="line"> <span class="comment">// é对 .vue æ件è¦æ·»å entry åæ°</span></div><div class="line"> entry: <span class="string">'./path/to/App.vue?entry=true'</span>,</div><div class="line"></div><div class="line"> <span class="comment">// å ¶ä»é 置项 ...</span></div><div class="line"></div><div class="line"> <span class="built_in">module</span>: {</div><div class="line"> <span class="attr">loaders</span>: [{</div><div class="line"></div><div class="line"> <span class="comment">// å¹é å å«äº entry åæ°ç .vue æ件路å¾</span></div><div class="line"> test: <span class="regexp">/\.vue(\?[^?]+)?$/</span>,</div><div class="line"> <span class="attr">loaders</span>: [<span class="string">'weex-loader'</span>]</div><div class="line"> }]</div><div class="line"> },</div><div clas s="line">}</div></pre></td></tr></table></figure> -<p>å¦æä½¿ç¨ <code>.js</code> æ件ä½ä¸º Webpack é ç½®çå ¥å£æ件ï¼åä¸éè¦é¢å¤é ç½®è¿äºåæ°ï¼æ们æ¨èä½¿ç¨ Javascript æ件ä½ä¸ºç¼è¯çå ¥å£æ件ã</p> -<h3 id="æ建åçå¼åç¯å¢"><a href="#æ建åçå¼åç¯å¢" class="headerlink" title="æ建åçå¼åç¯å¢"></a>æ建åçå¼åç¯å¢</h3><p>Weex 项ç®çæçæ¯åçåºç¨ï¼å¦ä¹ ä¸äºå¼ååçåºç¨çåºç¡ç¥è¯ï¼ä¼å¯¹ä½ å¼å Weex 项ç®å¾æ帮å©ãåè<a href="../../guide/integrate-to-your-app.html">ãéæ Weex å°å·²æåºç¨ã</a>äºè§£æ´å¤ä¿¡æ¯ã</p> - - </div> - -</article> -</div> - - <footer id="footer"> - <div class="row clearfix"> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/references/vue/difference-with-web.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/references/vue/difference-with-web.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </div> - <div class="disclaimer"> - <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div> - <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div> - <br/> - </div> - <hr> - <div class="row"> - <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0";>Apache License, Version 2.0</a></p> - </div> - <div class="row clearfix"> - <div></div> - </div> -</footer> - <div style="display: none;"> - <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script> -</div> - - <script src="/js/reqwest.js"></script> - <script src="/js/common.js"></script> -</body> -</html>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/f3d58bd0/cn/references/vue/index.html ---------------------------------------------------------------------- diff --git a/cn/references/vue/index.html b/cn/references/vue/index.html deleted file mode 100644 index 06263d3..0000000 --- a/cn/references/vue/index.html +++ /dev/null @@ -1,1377 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <meta charset="utf-8"> - - <title>Vue | Weex</title> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> - <meta name="description" content="Vue Vue 2.x å¨ Weex å Web ä¸çå·®å¼ ä½¿ç¨ Vuex å vue-router"> -<meta property="og:type" content="website"> -<meta property="og:title" content="Vue"> -<meta property="og:url" content="https://weex-project.io/cn/references/vue/index.html";> -<meta property="og:site_name" content="Weex"> -<meta property="og:description" content="Vue Vue 2.x å¨ Weex å Web ä¸çå·®å¼ ä½¿ç¨ Vuex å vue-router"> -<meta property="og:updated_time" content="2017-04-28T02:36:21.000Z"> -<meta name="twitter:card" content="summary"> -<meta name="twitter:title" content="Vue"> -<meta name="twitter:description" content="Vue Vue 2.x å¨ Weex å Web ä¸çå·®å¼ ä½¿ç¨ Vuex å vue-router"> - - <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml"> - - - <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png"> - - - <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css"> - - <link rel="stylesheet" href="/css/style.css"> - <link rel="stylesheet" href="/css/swiper.min.css"> -</head> - -<body id="references" class="lang-cn"> - - <script> - window.PAGE_TYPE = "references"; - window.ROOT = "/" - </script> - <header id="header"> - <div class="navbar"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <div class="main-nav"> - <ul class="links"> - <li><a href="/cn/guide">æç¨</a></li> - <li><a href="/cn/references">æå</a></li> - <li class="dropdown"> - <a href="javascript:;">åè</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/faq.html">FAQ</a> - </li> - <li> - <a href="/cn/releasenote.html">çæ¬è¯´æ</a> - </li> - </ul> - </li> - <li class="dropdown"> - <a href="javascript:;">å·¥å ·åæå¡</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/playground.html">Playground</a> - </li> - <li> - <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a> - </li> - <li> - <a href="http://dotwe.org"; target="_blank">Code Snippets</a> - </li> - <li> - <a href="https://market.dotwe.org"; target="_blank">Market</a> - </li> - </ul> - </li> - </ul> - <ul class="info"> - <li><a href="https://github.com/apache/incubator-weex/"; target="_blank"><span class="btn-github iconfont icon-github"></span></a></li> - </ul> - <ul class="tools"> - <li> - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - </li> - <li> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/references/vue/index.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/references/vue/index.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </li> - <!--<li></li>--> - </ul> - </div> - </div> - <div id="mobile-nav"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <a class="btn-menu"><span class="iconfont icon-nav"></span></a> - </div> -</header> - - <div id="sidebar" class=""> - <div class="sidebar-menu"> - - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - - - -<div class="summary"> - <h2 class="part-title"> - - æå - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/references/index.html" class="sidebar-link ">éç¨ç¹æ§</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a> - </li> - - <li> - <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a> - </li> - - <li> - <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a> - </li> - - <li> - <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a> - </li> - - <li> - <a href="/cn/references/common-style.html" class="sidebar-link ">éç¨æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/text-style.html" class="sidebar-link ">ææ¬æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/color-names.html" class="sidebar-link ">é¢è²å称å表</a> - </li> - - <li> - <a href="/cn/references/gesture.html" class="sidebar-link ">æå¿</a> - </li> - - <li> - <a href="/cn/references/path.html" class="sidebar-link ">Path (è±)</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">å 建ç»ä»¶</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/components/a.html" class="sidebar-link "><a></a> - </li> - - <li> - <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a> - </li> - - <li> - <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a> - </li> - - <li> - <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a> - </li> - - <li> - <a href="/cn/references/components/text.html" class="sidebar-link "><text></a> - </li> - - <li> - <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a> - </li> - - <li> - <a href="/cn/references/components/video.html" class="sidebar-link "><video></a> - </li> - - <li> - <a href="/cn/references/components/web.html" class="sidebar-link "><web></a> - </li> - - <li> - <a href="/cn/references/components/div.html" class="sidebar-link "><div></a> - </li> - - <li> - <a href="/cn/references/components/image.html" class="sidebar-link "><image></a> - </li> - - <li> - <a href="/cn/references/components/input.html" class="sidebar-link "><input></a> - </li> - - <li> - <a href="/cn/references/components/list.html" class="sidebar-link "><list></a> - </li> - - <li> - <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a> - </li> - - <li> - <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a> - </li> - - <li> - <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a> - </li> - - <li> - <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">å 建模å</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a> - </li> - - <li> - <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a> - </li> - - <li> - <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a> - </li> - - <li> - <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a> - </li> - - <li> - <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a> - </li> - - <li> - <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a> - </li> - - <li> - <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a> - </li> - - <li> - <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a> - </li> - - <li> - <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a> - </li> - - <li> - <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a> - </li> - - <li> - <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS åä½</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">éç¨äºä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex å®ä¾åé</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web æ å</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link current ">Vue</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">ä½¿ç¨ Vuex å vue-router</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">é«é¶ç¥è¯</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">æå± JS framework</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link ">è¿ç§»</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex å Web å¹³å°çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">å¦ä½å°åæ Weex 项ç®æ¹é æ Vue çæ¬</a> - </li> - - <li> - <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex å Vue 2.x çè¯æ³å·®å¼</a> - </li> - - </ul> - - </li> - - - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">æ§è¯æ³ææ¡£</a></h3> - </li> - - </ul> -</div> - - <a class="btn-close-sidebar iconfont icon-close"></a> - </div> -</div> - - <div class="article-wrapper page-layout"> - <div class="doc-nav"> - - - -<div class="summary"> - <h2 class="part-title"> - - æå - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/references/index.html" class="sidebar-link ">éç¨ç¹æ§</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a> - </li> - - <li> - <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a> - </li> - - <li> - <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a> - </li> - - <li> - <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a> - </li> - - <li> - <a href="/cn/references/common-style.html" class="sidebar-link ">éç¨æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/text-style.html" class="sidebar-link ">ææ¬æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/color-names.html" class="sidebar-link ">é¢è²å称å表</a> - </li> - - <li> - <a href="/cn/references/gesture.html" class="sidebar-link ">æå¿</a> - </li> - - <li> - <a href="/cn/references/path.html" class="sidebar-link ">Path (è±)</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">å 建ç»ä»¶</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/components/a.html" class="sidebar-link "><a></a> - </li> - - <li> - <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a> - </li> - - <li> - <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a> - </li> - - <li> - <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a> - </li> - - <li> - <a href="/cn/references/components/text.html" class="sidebar-link "><text></a> - </li> - - <li> - <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a> - </li> - - <li> - <a href="/cn/references/components/video.html" class="sidebar-link "><video></a> - </li> - - <li> - <a href="/cn/references/components/web.html" class="sidebar-link "><web></a> - </li> - - <li> - <a href="/cn/references/components/div.html" class="sidebar-link "><div></a> - </li> - - <li> - <a href="/cn/references/components/image.html" class="sidebar-link "><image></a> - </li> - - <li> - <a href="/cn/references/components/input.html" class="sidebar-link "><input></a> - </li> - - <li> - <a href="/cn/references/components/list.html" class="sidebar-link "><list></a> - </li> - - <li> - <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a> - </li> - - <li> - <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a> - </li> - - <li> - <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a> - </li> - - <li> - <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">å 建模å</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a> - </li> - - <li> - <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a> - </li> - - <li> - <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a> - </li> - - <li> - <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a> - </li> - - <li> - <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a> - </li> - - <li> - <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a> - </li> - - <li> - <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a> - </li> - - <li> - <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a> - </li> - - <li> - <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a> - </li> - - <li> - <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a> - </li> - - <li> - <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS åä½</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">éç¨äºä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex å®ä¾åé</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web æ å</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link current ">Vue</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">ä½¿ç¨ Vuex å vue-router</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">é«é¶ç¥è¯</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">æå± JS framework</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link ">è¿ç§»</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex å Web å¹³å°çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">å¦ä½å°åæ Weex 项ç®æ¹é æ Vue çæ¬</a> - </li> - - <li> - <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex å Vue 2.x çè¯æ³å·®å¼</a> - </li> - - </ul> - - </li> - - - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">æ§è¯æ³ææ¡£</a></h3> - </li> - - </ul> -</div> - </div> - - -<article class="article article-type-references"> - <div class="article-entry" itemprop="articleBody"> - <header class="article-header"> - - - <h1 class="article-title" itemprop="name"> - Vue - </h1> - - - <time class="article-date" datetime="2017-04-28T02:36:21.000Z">Updated time: 28/04/2017</time> -</header> - <h1 id="Vue"><a href="#Vue" class="headerlink" title="Vue"></a>Vue</h1><ul> -<li><a href="./difference-with-web.html">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a></li> -<li><a href="./difference-of-vuex.html">ä½¿ç¨ Vuex å vue-router</a></li> -</ul> - - </div> - -</article> -</div> - - <footer id="footer"> - <div class="row clearfix"> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/references/vue/index.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/references/vue/index.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </div> - <div class="disclaimer"> - <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div> - <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div> - <br/> - </div> - <hr> - <div class="row"> - <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0";>Apache License, Version 2.0</a></p> - </div> - <div class="row clearfix"> - <div></div> - </div> -</footer> - <div style="display: none;"> - <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script> -</div> - - <script src="/js/reqwest.js"></script> - <script src="/js/common.js"></script> -</body> -</html>
