Repository: incubator-weex-site Updated Branches: refs/heads/master f5ece7bed -> 38ef4fbd4
1.Add the Chinese page of use-vue.md; 2.fix a bug in the English page of use-vue.md Project: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/commit/96a26a8d Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/96a26a8d Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/96a26a8d Branch: refs/heads/master Commit: 96a26a8d99287ee32100d5e9222d369973f661ba Parents: 60a3273 Author: Duke <daiwenjun...@gmail.com> Authored: Tue Jan 30 09:27:42 2018 +0800 Committer: Duke <daiwenjun...@gmail.com> Committed: Tue Jan 30 09:27:42 2018 +0800 ---------------------------------------------------------------------- source/cn/guide/use-vue.md | 257 +++++++++++++++++++++++++++++++++++++++- source/guide/use-vue.md | 2 +- 2 files changed, 256 insertions(+), 3 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/96a26a8d/source/cn/guide/use-vue.md ---------------------------------------------------------------------- diff --git a/source/cn/guide/use-vue.md b/source/cn/guide/use-vue.md index ec592c1..694965a 100644 --- a/source/cn/guide/use-vue.md +++ b/source/cn/guide/use-vue.md @@ -6,6 +6,259 @@ order: 1.6 version: 2.1 --- -Working in progress. +èª2016å¹´2æ17æ¥åå¸ WeexSDK [v0.10.0](https://github.com/alibaba/weex/releases/tag/v0.10.0) åï¼ Weex éæäº v2 çæ¬ç VueãVueï¼è¯»é³ /vjuË/ï¼ç±»ä¼¼äº view ç读é³ï¼æ¯ä¸å¥æ建ç¨æ·çé¢çæ¸è¿å¼æ¡æ¶ã详æ 请åé å ¶[å®æ¹ç½ç«](https://cn.vuejs.org/)ã -Please refer to the [English version](../../guide/use-vue.html). +> å¦æ没æç¹å«æ示ï¼æç« ä¸ç "Vue.js" æè "Vue" é½æçæ¯ v2 çæ¬ç Vueã + +## åªå«æè¿è¡æ¶çæ建çæ¬ + +å¦æä½ çæ Vue.jsï¼ä½ åºè¯¥ç¥é Vue.js æ两ç§æ建çæ¬: [**è¿è¡æ¶ + ç¼è¯å¨** ä¸ **åªå å«è¿è¡æ¶**](https://cn.vuejs.org/v2/guide/installation.html#%E8%BF%90%E8%A1%8C%E6%97%B6-%E7%BC%96%E8%AF%91%E5%99%A8-vs-%E5%8F%AA%E5%8C%85%E5%90%AB%E8%BF%90%E8%A1%8C%E6%97%B6)ãå®ä»¬ä¹é´çåºå«å¨äºç¼è¯å¨æ¯å¦éè¦è½å¤å¨è¿è¡æ¶ç¼è¯`template`é项ãç±äºè¿è¡æ¶æ建çæ¬æ¯å®æ´çæ¬çæ建çæ¬è½»çº¦30%ï¼ä¸ºäºæ´å¥½çæ§è½åæ´å°ç代ç 尺寸ï¼Weexç¨çæ¯åªå å«è¿è¡æ¶çæ¹å¼æ建Vueã + +å ·ä½æ¥è¯´ï¼å·®å¼å¦ä¸ï¼ + ++ å®ä¹ç»ä»¶æ¶ä¸æ¯æ[`template`](https://cn.vuejs.org/v2/api/#template)é项ã ++ ä¸æ¯æ使ç¨[`x-templates`](https://cn.vuejs.org/v2/guide/components.html#X-Templates)ã ++ ä¸æ¯æ使ç¨[`Vue.compile`](https://cn.vuejs.org/v2/api/#Vue-compile)ã + +## å¹³å°çå·®å¼ + +Vue.jsæåæ¯ä¸ºWebå¹³å°è®¾è®¡çãè½ç¶å¯ä»¥åºäºWeexå¼ååçåºç¨ç¨åºï¼ä½æ¯ä»ç¶åå¨è®¸å¤[Weex ä¸ Web å¹³å°çå·®å¼](../wiki/platform-difference.html)ã + +ä¸ Web å¹³å°ç主è¦å·®å¼æ¯: ä¸ä¸æãDOMãæ ·å¼åäºä»¶ã + +### ä¸ä¸æ +Weex 主è¦ç¨äºç¼åå¤é¡µçåºç¨ç¨åºï¼æ¯ä¸é¡µç¸å½äºåçå¼åä¸ç *View* æè *Activity*ï¼å¹¶ä¸å®æçèªå·±çä¸ä¸æãå°¤å ¶`Vue`å®ä¾å¨æ¯ä¸ªé¡µé¢é½æ¯ä¸åçï¼çè³ Vue ç"å ¨å±"é ç½®ï¼`Vue.config.xxx`ï¼ä¹åªä¼å½±å Weex ä¸çå个页é¢ã + +å¨æ¤åºç¡ä¸ï¼ä¸äº Vue ç SPA ï¼å页é¢åºç¨ï¼ææ¯ï¼å¦ [Vuex](https://vuex.vuejs.org/zh-cn/) å [vue-router](https://router.vuejs.org/zh-cn/) ä¹å°å页å çæãæ´éä¿å°è¯´ï¼â页é¢âæ¦å¿µå¨ SPA ææ¯ä¸æ¯èæçï¼ä½å¨ Weex ä¸å´æ¯çå®çã + +æ 论å¦ä½ï¼Vuex å vue-router é½æ¯ç¬ç«çåºï¼å®ä»¬é½æèªå·±çæ¦å¿µå使ç¨åºæ¯ï¼ä½ ä»ç¶å¯ä»¥å¨ Weex é[ä½¿ç¨ Vuex å vue-router](./advanced/use-vuex-and-vue-router.html)ã + +### DOM + +å ä¸ºå¨ Android å iOS ä¸æ²¡æ DOMï¼Document Object Modelï¼ï¼å¦æä½ è¦æå¨æä½åçæ DOM å ç´ çè¯å¯è½ä¼éå°ä¸äºå ¼å®¹æ§é®é¢ãå¨ä½ 使ç¨ç°ä»£å端æ¡æ¶çæ åµä¸ï¼æä½æ°æ®ä¸ç»ä»¶èä¸æ¯çæçå ç´ æ¯ä¸ä¸ªæ¯è¾å¥½çåæ³ã + +ä¸äºä¸ DOM ç¸å ³çç¹æ§ï¼æ¯å¦ `v-html`ï¼`vm.$el`ï¼`template` é项ï¼å¨ä¸åçå¹³å°ä¸å¯è½æ æ³è·å¾ç¸åçååºã + +åç¡®æ¥è¯´ï¼[`vm.$el`](https://cn.vuejs.org/v2/api/#vm-el)å±æ§ç±»åå¨webç¯å¢ä¸æ¯`HTMLElement`ï¼ä½æ¯å¨ç§»å¨ç«¯å¹¶æ²¡æè¿ä¸ªç±»åãå®é ä¸ï¼å®æ¯ä¸ä¸ªç± *Weex æ档对象模å* å®ä¹çç¹æ®æ°æ®ç»æã + +### æ ·å¼ + +æ ·å¼è¡¨å CSS è§åæ¯ç± Weex js æ¡æ¶ååç渲æå¼æ管ççãè¦å®ç°å®æ´ç CSS 对象模åï¼CSSOMï¼CSS Object Modelï¼å¹¶æ¯æææç CSS è§åæ¯é常å°é¾çï¼èä¸æ²¡æè¿ä¸ªå¿ è¦ã + +åºç°æ§è½èèï¼**Weex ç®ååªæ¯æå个类éæ©å¨ï¼å¹¶ä¸åªæ¯æ CSS è§åçåé**ã详æ 请åé *[éç¨æ ·å¼](../wiki/common-styles.html)* ä¸ *[ææ¬æ ·å¼](../wiki/text-styles.html)*ã + +å¨ Weex éï¼ æ¯ä¸ä¸ª Vue ç»ä»¶çæ ·å¼é½æ¯ *[scoped](https://vue-loader.vuejs.org/zh-cn/features/scoped-css.html)*ã + +### äºä»¶ + +ç®åå¨ Weex éä¸æ¯æäºä»¶å泡åæè·ï¼å æ¤ Weex åçç»ä»¶ä¸æ¯æ[äºä»¶ä¿®é¥°ç¬¦](https://cn.vuejs.org/v2/guide/events.html#%E4%BA%8B%E4%BB%B6%E4%BF%AE%E9%A5%B0%E7%AC%A6)ï¼ä¾å¦`.prevent`ï¼` .capture`ï¼`.stop`ï¼` .self` ã + +æ¤å¤ï¼[æé®ä¿®é¥°ç¬¦](https://cn.vuejs.org/v2/guide/events.html#%E6%8C%89%E9%94%AE%E4%BF%AE%E9%A5%B0%E7%AC%A6)以å[ç³»ç»ä¿®é¥°é®](https://cn.vuejs.org/v2/guide/events.html#%E7%B3%BB%E7%BB%9F%E4%BF%AE%E9%A5%B0%E9%94%AE) ä¾å¦ `.enter`ï¼`.tab`ï¼`.ctrl`ï¼`.shift` å¨ç§»å¨ç«¯åºæ¬æ²¡ææä¹ï¼å¨ Weex ä¸ä¹ä¸æ¯æã + +## Web 渲æå¨ + +å¦æä½ æ³å¨ç½ç»ä¸åç°ä½ ç页é¢ï¼ä½ éè¦ [weex-vue-render](https://github.com/weexteam/weex-vue-render) æ¥å®ç°å®ã + +`weex-vue-render`æ¯ Vue DSL ç Web 渲æå¨ï¼ å®å¨ Web ä¸å®ç°äº Weex çå ç½®ç»ä»¶åå 置模åã详æ 请åé [è¿é](https://github.com/weexteam/weex-vue-render)ã + +## åæ件ç»ä»¶ + +Vue ä¸ç[åæ件ç»ä»¶](https://cn.vuejs.org/v2/guide/single-file-components.html)ï¼å³`*.vue`æ件ï¼æ¯ä¸ç§ç¹æ®çæä»¶æ ¼å¼ï¼æ©å±å为`.vue`ãè¿ä¸ªæ¨¡æ¿ä¼å¨æ建æ¶ä¾¿äºå°`render`å½æ°éã + +æ¤å¤ï¼ææçç¼è¾å¨éé½æ¯æä¸ä¸ªå¥½ç[è¯æ³é«äº®æ件](https://github.com/vuejs/awesome-vue#source-code-editing)ã + +> å¨ Weex ä¸ä½¿ç¨å个æ件ç»ä»¶è¯æ³æ¯ä¸ç§å¾å¥½çåæ³ã + +### ç¼è¯ç®æ + +å 为平å°çå·®å¼ä»¥å为äºæé«ç½ç»æ§è½ï¼`*.vue`æ件éè¦ç¨ä¸¤ç§ä¸åçæ¹å¼æ¥ç¼è¯ï¼ + ++ å¯¹äº Web å¹³å°æ¥è¯´ï¼ä½ å¯ä»¥ç¨ä»»ä½æ£å¼çæ¹å¼æ¥ç¼è¯æºæ件ï¼ä¾å¦ ä½¿ç¨ **[Webpack](https://webpack.js.org/) + [vue-loader](https://vue-loader.vuejs.org/en/)** æè **Browserify + vueify** æ¥ç¼è¯`*.vue`æ件ã ++ 对äºå®åä¸ iOS å¹³å°æ¥è¯´ï¼ ä½ éè¦ä½¿ç¨ [weex-loader](https://github.com/weexteam/weex-loader) æ¥ç¼è¯`*.vue`æ件ã + +ä¸åçå¹³å°ä½¿ç¨ä¸åç`bundles`ï¼å¯ä»¥å åå©ç¨å¹³å°åæçç¹æ§ï¼åå°æ建æ¶çå ¼å®¹æ§ä»£ç ãä½æ¯æºä»£ç ä»ç¶æ¯ä¸æ ·çï¼å¯ä¸çåºå«æ¯ç¼è¯å®çæ¹æ³ã + +### 使ç¨weex-loader + +[weex-loader](https://github.com/weexteam/weex-loader) æ¯ä¸ä¸ª webpack ç [loader](http://webpack.github.io/docs/using-loaders.html)ï¼å®è½æ`*.vue`æ件转å为ç®åçjavascript 模åç¨äºå®å以å iOS å¹³å°ãææçç¹æ§åé ç½®é½æ¯è· [vue-loader](https://vue-loader.vuejs.org/en/) ä¸æ ·çã + +éè¦æ³¨æçæ¯ï¼å¦ææ¨çWebpacké ç½®ç*entry*é项æ¯ä¸ä¸ª`*.vue`æ件çè¯ï¼ä½ ä»éè¦ä¼ éä¸ä¸ªé¢å¤ç`entry`åæ°ã + +```js +const webpackConfig = { +  // Add the entry parameter for the .vue file +  entry: './path/to/App.vue?entry=true' + + /* ... */ + + use: { +    loaders: [{ +      // matches the .vue file path which contains the entry parameter +      test: /\.vue(\?^^]+)?$/, +      loaders: ['weex-loader'] +    }] +  } +} +``` + +**å¦æä½ ç°å¨ç¨çæ¯`.js`æ件åå ¥å£æ件ï¼ä½ ä¸éè¦åé£äºé¢å¤çåæ°ã**æ¨è webpack é ç½®çå ¥å£æä»¶ä½¿ç¨ javascript æ件ã + +```js +{ +  entry: './path/to/entry.js' +} +``` + +## æ¯æçåè½ + +### å ¨å±é ç½® + +> Vue âå ¨å±âé ç½®åªä¼å½±å Weex ä¸çåä¸é¡µé¢ï¼é ç½®ä¸ä¼å¨ä¸åç Weex 页é¢ä¹é´å ±äº«ã + +| Vue å ¨å±é ç½® | æ¯å¦æ¯æ | 说æ | +| -------------- | --------- | ----- | +| [Vue.config.silent](https://cn.vuejs.org/v2/api/#silent) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.config.optionMergeStrategies](https://cn.vuejs.org/v2/api/#optionMergeStrategies) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.config.devtools](https://cn.vuejs.org/v2/api/#devtools) | <b class="tag-no">ä¸æ¯æ</b> | åªå¨ Web ç¯å¢ä¸æ¯æ | +| [Vue.config.errorHandler](https://cn.vuejs.org/v2/api/#errorHandler) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.config.warnHandler](https://cn.vuejs.org/v2/api/#warnHandler) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.config.ignoredElements](https://cn.vuejs.org/v2/api/#ignoredElements) | <b class="tag-yes">æ¯æ</b> | ä¸æ¨è | +| [Vue.config.keyCodes](https://cn.vuejs.org/v2/api/#keyCodes) | <b class="tag-no">ä¸æ¯æ</b> | å¨ç§»å¨ç«¯æ ç¨ | +| [Vue.config.performance](https://cn.vuejs.org/v2/api/#performance) | <b class="tag-no">ä¸æ¯æ</b> | ä¸ *devtools* ä¸æ · | +| [Vue.config.productionTip](https://cn.vuejs.org/v2/api/#productionTip) | <b class="tag-yes">æ¯æ</b> | - | + + +### å ¨å± API + +| Vue å ¨å± API | æ¯å¦æ¯æ | 说æ | +| -------------- | --------- | ----- | +| [Vue.extend](https://cn.vuejs.org/v2/api/#Vue-extend) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.nextTick](https://cn.vuejs.org/v2/api/#Vue-nextTick) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.set](https://cn.vuejs.org/v2/api/#Vue-set) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.delete](https://cn.vuejs.org/v2/api/#Vue-delete) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.directive](https://cn.vuejs.org/v2/api/#Vue-directive) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.filter](https://cn.vuejs.org/v2/api/#Vue-filter) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.component](https://cn.vuejs.org/v2/api/#Vue-component) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.use](https://cn.vuejs.org/v2/api/#Vue-use) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.mixin](https://cn.vuejs.org/v2/api/#Vue-mixin) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.version](https://cn.vuejs.org/v2/api/#Vue-version) | <b class="tag-yes">æ¯æ</b> | - | +| [Vue.compile](https://cn.vuejs.org/v2/api/#Vue-compile) | <b class="tag-no">ä¸æ¯æ</b> | Weex ç¨çæ¯ [åªå å«è¿è¡æ¶æ建](https://cn.vuejs.org/v2/guide/installation.html#%E8%BF%90%E8%A1%8C%E6%97%B6-%E7%BC%96%E8%AF%91%E5%99%A8-vs-%E5%8F%AA%E5%8C%85%E5%90%AB%E8%BF%90%E8%A1%8C%E6%97%B6) | + +### é项 + +| Vue é项 | æ¯å¦æ¯æ | 说æ | +| ---------- | --------- | ----- | +| [data](https://cn.vuejs.org/v2/api/#data) | <b class="tag-yes">æ¯æ</b> | - | +| [props](https://cn.vuejs.org/v2/api/#props) | <b class="tag-yes">æ¯æ</b> | - | +| [propsData](https://cn.vuejs.org/v2/api/#propsData) | <b class="tag-yes">æ¯æ</b> | - | +| [computed](https://cn.vuejs.org/v2/api/#computed) | <b class="tag-yes">æ¯æ</b> | - | +| [methods](https://cn.vuejs.org/v2/api/#methods) | <b class="tag-yes">æ¯æ</b> | - | +| [watch](https://cn.vuejs.org/v2/api/#watch) | <b class="tag-yes">æ¯æ</b> | - | +| [el](https://cn.vuejs.org/v2/api/#el) | <b class="tag-yes">æ¯æ</b> | å¨ç§»å¨ç«¯`el`çå¼æ¯æ æä¹ç | +| [template](https://cn.vuejs.org/v2/api/#template) | <b class="tag-no">ä¸æ¯æ</b> | Weex ç¨çæ¯ [åªå å«è¿è¡æ¶æ建](https://cn.vuejs.org/v2/guide/installation.html#%E8%BF%90%E8%A1%8C%E6%97%B6-%E7%BC%96%E8%AF%91%E5%99%A8-vs-%E5%8F%AA%E5%8C%85%E5%90%AB%E8%BF%90%E8%A1%8C%E6%97%B6) | +| [render](https://cn.vuejs.org/v2/api/#render) | <b class="tag-yes">æ¯æ</b> | ä¸æ¨è| +| [renderError](https://cn.vuejs.org/v2/api/#renderError) | <b class="tag-yes">æ¯æ</b> | - | +| [directives](https://cn.vuejs.org/v2/api/#directives) | <b class="tag-yes">æ¯æ</b> | - | +| [filters](https://cn.vuejs.org/v2/api/#filters) | <b class="tag-yes">æ¯æ</b> | - | +| [components](https://cn.vuejs.org/v2/api/#components) | <b class="tag-yes">æ¯æ</b> | - | +| [parent](https://cn.vuejs.org/v2/api/#parent) | <b class="tag-yes">æ¯æ</b> | ä¸æ¨è | +| [mixins](https://cn.vuejs.org/v2/api/#mixins) | <b class="tag-yes">æ¯æ</b> | - | +| [extends](https://cn.vuejs.org/v2/api/#extends) | <b class="tag-yes">æ¯æ</b> | - | +| [provide/inject](https://cn.vuejs.org/v2/api/#provide-inject) | <b class="tag-yes">æ¯æ</b> | ä¸æ¨è | +| [name](https://cn.vuejs.org/v2/api/#name) | <b class="tag-yes">æ¯æ</b> | - | +| [delimiters](https://cn.vuejs.org/v2/api/#delimiters) | <b class="tag-yes">æ¯æ</b> | ä¸æ¨è | +| [functional](https://cn.vuejs.org/v2/api/#functional) | <b class="tag-yes">æ¯æ</b> | - | +| [model](https://cn.vuejs.org/v2/api/#model) | <b class="tag-yes">æ¯æ</b> | - | +| [inheritAttrs](https://cn.vuejs.org/v2/api/#inheritAttrs) | <b class="tag-yes">æ¯æ</b> | - | +| [comments](https://cn.vuejs.org/v2/api/#comments) | <b class="tag-no">ä¸æ¯æ</b> | - | + +### çå½å¨æé©å + +Vue ç»ä»¶çå®ä¾çå½å¨æé©åå°å¨ç¹å®çé¶æ®µååºï¼è¯¦æ 请åè Vue ç»ä»¶ç[çå½å¨æå¾ç¤º](https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA)ã + +| Vue çå½å¨æé©å | æ¯å¦æ¯æ | 说æ | +| ------------------ | --------- | ----- | +| [beforeCreate](https://cn.vuejs.org/v2/api/#beforeCreate) | <b class="tag-yes">æ¯æ</b> | - | +| [created](https://cn.vuejs.org/v2/api/#created) | <b class="tag-yes">æ¯æ</b> | - | +| [beforeMount](https://cn.vuejs.org/v2/api/#beforeMount) | <b class="tag-yes">æ¯æ</b> | - | +| [mounted](https://cn.vuejs.org/v2/api/#mounted) | <b class="tag-yes">æ¯æ</b> | è· Web 端å®å ¨ä¸ä¸æ · | +| [beforeUpdate](https://cn.vuejs.org/v2/api/#beforeUpdate) | <b class="tag-yes">æ¯æ</b> | - | +| [updated](https://cn.vuejs.org/v2/api/#updated) | <b class="tag-yes">æ¯æ</b> | - | +| [activated](https://cn.vuejs.org/v2/api/#activated) | <b class="tag-no">ä¸æ¯æ</b> | ä¸æ¯æ`<keep-alive>` | +| [deactivated](https://cn.vuejs.org/v2/api/#deactivated) | <b class="tag-no">ä¸æ¯æ</b> | ä¸æ¯æ`<keep-alive>` | +| [beforeDestroy](https://cn.vuejs.org/v2/api/#beforeDestroy) | <b class="tag-yes">æ¯æ</b> | - | +| [destroyed](https://cn.vuejs.org/v2/api/#destroyed) | <b class="tag-yes">æ¯æ</b> | - | +| [errorCaptured](https://cn.vuejs.org/v2/api/#errorCaptured) | <b class="tag-yes">æ¯æ</b> | å¨ Vue 2.5.0+ï¼ Weex SDK 0.18+ ä¸æ°å¢ | + +### å®ä¾å±æ§ + +| Vue å®ä¾å±æ§ | æ¯å¦æ¯æ | 说æ | +| --------------------- | --------- | ----- | +| [vm.$data](https://cn.vuejs.org/v2/api/#vm-data) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$props](https://cn.vuejs.org/v2/api/#vm-props) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$el](https://cn.vuejs.org/v2/api/#vm-el) | <b class="tag-yes">æ¯æ</b> | 移å¨ç«¯æ²¡æ`HTMLElement` | +| [vm.$options](https://cn.vuejs.org/v2/api/#vm-options) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$parent](https://cn.vuejs.org/v2/api/#vm-parent) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$root](https://cn.vuejs.org/v2/api/#vm-root) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$children](https://cn.vuejs.org/v2/api/#vm-children) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$slots](https://cn.vuejs.org/v2/api/#vm-slots) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$scopedSlots](https://cn.vuejs.org/v2/api/#vm-scopedSlots) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$refs](https://cn.vuejs.org/v2/api/#vm-refs) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$isServer](https://cn.vuejs.org/v2/api/#vm-isServer) | <b class="tag-yes">æ¯æ</b> | æ°¸è¿æ¯`false`| +| [vm.$attrs](https://cn.vuejs.org/v2/api/#vm-attrs) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$listeners](https://cn.vuejs.org/v2/api/#vm-listeners) | <b class="tag-yes">æ¯æ</b> | - | + +### å®ä¾æ¹æ³ + +| Vue å®ä¾æ¹æ³ | æ¯å¦æ¯æ | 说æ | +| ------------------- | --------- | ----- | +| [vm.$watch()](https://cn.vuejs.org/v2/api/#vm-watch) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$set()](https://cn.vuejs.org/v2/api/#vm-set) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$delete()](https://cn.vuejs.org/v2/api/#vm-delete) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$on()](https://cn.vuejs.org/v2/api/#vm-on) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$once()](https://cn.vuejs.org/v2/api/#vm-once) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$off()](https://cn.vuejs.org/v2/api/#vm-off) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$emit()](https://cn.vuejs.org/v2/api/#vm-emit) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$mount()](https://cn.vuejs.org/v2/api/#vm-mount) | <b class="tag-no">ä¸æ¯æ</b> | ä½ ä¸éè¦æå¨å®è£ Vue å®ä¾ | +| [vm.$forceUpdate()](https://cn.vuejs.org/v2/api/#vm-forceUpdate) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$nextTick()](https://cn.vuejs.org/v2/api/#vm-nextTick) | <b class="tag-yes">æ¯æ</b> | - | +| [vm.$destroy()](https://cn.vuejs.org/v2/api/#vm-destroy) | <b class="tag-yes">æ¯æ</b> | - | + +### æ令 + +| Vue æ令 | æ¯å¦æ¯æ | 说æ | +| ------------- | --------- | ----- | +| [v-text](https://cn.vuejs.org/v2/api/#v-text) | <b class="tag-yes">æ¯æ</b> | - | +| [v-html](https://cn.vuejs.org/v2/api/#v-html) | <b class="tag-no">ä¸æ¯æ</b> | Weex ä¸æ²¡æ HTML 解æå¨ï¼è¿ä¸æ¯å¾å¥½çå®ç° | +| [v-show](https://cn.vuejs.org/v2/api/#v-show) | <b class="tag-no">ä¸æ¯æ</b> | ä¸æ¯æ `display: none;` | +| [v-if](https://cn.vuejs.org/v2/api/#v-if) | <b class="tag-yes">æ¯æ</b> | - | +| [v-else](https://cn.vuejs.org/v2/api/#v-else) | <b class="tag-yes">æ¯æ</b> | - | +| [v-else-if](https://cn.vuejs.org/v2/api/#v-else-if) | <b class="tag-yes">æ¯æ</b> | - | +| [v-for](https://cn.vuejs.org/v2/api/#v-for) | <b class="tag-yes">æ¯æ</b> | - | +| [v-on](https://cn.vuejs.org/v2/api/#v-on) | <b class="tag-yes">æ¯æ</b> | - | +| [v-bind](https://cn.vuejs.org/v2/api/#v-bind) | <b class="tag-yes">æ¯æ</b> | - | +| [v-model](https://cn.vuejs.org/v2/api/#v-model) | <b class="tag-yes">æ¯æ</b> | - | +| [v-pre](https://cn.vuejs.org/v2/api/#v-pre) | <b class="tag-yes">æ¯æ</b> | - | +| [v-cloak](https://cn.vuejs.org/v2/api/#v-cloak) | <b class="tag-no">ä¸æ¯æ</b> | åªæ¯æåç±»éæ©å¨| +| [v-once](https://cn.vuejs.org/v2/api/#v-once) | <b class="tag-yes">æ¯æ</b> | - | + +### ç¹æ®å±æ§ + +| Vue ç¹æ®å±æ§ | æ¯å¦æ¯æ | 说æ | +| --------------------- | --------- | ----- | +| [key](https://cn.vuejs.org/v2/api/#key) | <b class="tag-yes">æ¯æ</b> | - | +| [ref](https://cn.vuejs.org/v2/api/#ref) | <b class="tag-yes">æ¯æ</b> | - | +| [slot](https://cn.vuejs.org/v2/api/#slot) | <b class="tag-yes">æ¯æ</b> | - | +| [slot-scope](https://cn.vuejs.org/v2/api/#slot-scope) | <b class="tag-yes">æ¯æ</b> | å¨ Vue 2.5.0+ï¼ Weex SDK 0.18+ ä¸æ°å¢ | +| [scope](https://cn.vuejs.org/v2/api/#scope) | <b class="tag-yes">æ¯æ</b> | ä¸æ¨è | +| [is](https://cn.vuejs.org/v2/api/#is) | <b class="tag-yes">æ¯æ</b> | - | + +### å ç½®ç»ä»¶ + +| Vue å ç½®ç»ä»¶ | æ¯å¦æ¯æ | 说æ | +| ---------------------- | --------- | ----- | +| [component](https://cn.vuejs.org/v2/api/#component) | <b class="tag-yes">æ¯æ</b> | - | +| [transition](https://cn.vuejs.org/v2/api/#transition) | <b class="tag-no">ä¸æ¯æ</b> | å¨ç§»å¨ç«¯ *enter* ä¸ *leave* çæ¦å¿µå¯è½æç¹ä¸åï¼ å¹¶ä¸ Weex ä¸æ¯æ`display: none;` | +| [transition-group](https://cn.vuejs.org/v2/api/#transition-group) | <b class="tag-no">ä¸æ¯æ</b> | è· *transition* ä¸æ · | +| [keep-alive](https://cn.vuejs.org/v2/api/#keep-alive) | <b class="tag-no">ä¸æ¯æ</b> | 移å¨ç«¯çåçç»ä»¶ä¸è½è¢«å端ç¼å | +| [slot](https://cn.vuejs.org/v2/api/#slot) | <b class="tag-yes">æ¯æ</b> | - | http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/96a26a8d/source/guide/use-vue.md ---------------------------------------------------------------------- diff --git a/source/guide/use-vue.md b/source/guide/use-vue.md index 561ad65..6f7277e 100644 --- a/source/guide/use-vue.md +++ b/source/guide/use-vue.md @@ -120,7 +120,7 @@ const webpackConfig = { > The Vue "Global" config only affect the single page on Weex, the > configuration will not be shared between different Weex pages. -| Vue Global API | Supported | Notes | +| Vue Global Config | Supported | Notes | | -------------- | --------- | ----- | | [Vue.config.silent](https://vuejs.org/v2/api/#silent) | <b class="tag-yes">Yes</b> | - | | [Vue.config.optionMergeStrategies](https://vuejs.org/v2/api/#optionMergeStrategies) | <b class="tag-yes">Yes</b> | - |