translated components.md #714

Jinjiang · 2018-04-18T16:43:01Z

新的 components.md 页面 (基础篇)
英文版可以参考第一次提交
谢谢

Jinjiang · 2018-04-18T16:44:22Z

src/v2/guide/components.md

-  '
-})
-```
+如果你感觉已经掌握了这些知识，我们推荐你再回来把完整的组件指南，包括侧边栏中组件深入章节的所有页面读完，


英文版放了一个 components-dynamic-async.html 的链接，不是特别理解，所以暂时没有放上去，稍微改了改。

， → 。

Jinjiang · 2018-04-18T16:45:42Z

src/v2/guide/components.md


-问题解决了！
+到这里，你需要了解的解析 DOM 模板时的注意事项——实际上也是 Vue 的全部_必要内容_，大概就是这些了。恭喜你！接下来还有很多东西要去学习，不过首先，我们推荐你先休息一下，试用一下 Vue，自己随意做些好玩的东西。


英文版提到的是“dynamic components”，不确定是不是复制粘贴错了，我暂时改成了“解析 DOM 模板时的注意事项”

也有可能最后一个大标题是后补的……

原文肯定是错了……

_ → *？

Justineo · 2018-05-01T16:03:11Z

src/v2/guide/components.md

 })
 ```

-要注册一个全局组件，可以使用 `Vue.component(tagName, options)`。例如：
+组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 `<button-counter>`。我们在一个通过 `new Vue` 创建的 Vue 根实例中可以作为一个自定义元素来使用这个组件：


“我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用：”？

Justineo · 2018-05-01T16:04:18Z

src/v2/guide/components.md

-  el: '#example'
-})
-```
+因为组件是可复用的 Vue 实例，它们接收和 `new Vue` 相同的选项，例如 `data`、`computed`、`watch`、`methods` 以及生命周期钩子等。也有少数 `el` 这样的根特有的例外选项。


因为……所以它们与 new Vue 接收相同的选项？

仅有的例外是如 el 这样根实例特有的选项？

Justineo · 2018-05-01T16:07:51Z

src/v2/guide/components.md


-渲染为：
+## 复用组件


感觉「组件（的）复用」这个结构更适合做标题（需要讨论）

组件的复用我觉得可接受

Justineo · 2018-05-01T16:09:38Z

src/v2/guide/components.md

-``` html
-<div id="example">
-  <div>A custom component!</div>
+组件是你想复用多少次就可以复用多少次的：


你可以将组件进行任意次数的复用？

Justineo · 2018-05-01T16:11:42Z

src/v2/guide/components.md

 ```

-这种封装也适用于其它可注册的 Vue 功能，比如指令。
+如果 Vue 没有这条规则，点击一个按钮就可能会像如下代码一样影响到_其它所有实例_：


_ → *？

Justineo · 2018-05-01T16:57:45Z

src/v2/guide/components.md

-    }
-  },
-})
+这个自定义组件 `<blog-post-row>` 会被看作无效内容，并导致最终渲染结果出错。幸好这个特殊的 `is` 特性给了我们一个变通的办法：


被作为无效的内容提升到外部

Justineo · 2018-05-01T16:58:22Z

src/v2/guide/components.md

-```
-
-你可以在工厂函数中返回一个 `Promise`，所以当使用 webpack 2 + ES2015 的语法时可以这样：
+我们应该注意到**如果我们从以下来源使用模板的话，这条限制是_不存在_的**：


需要注意的是……

Justineo · 2018-05-01T16:59:39Z

src/v2/guide/components.md


-问题解决了！
+到这里，你需要了解的解析 DOM 模板时的注意事项——实际上也是 Vue 的全部_必要内容_，大概就是这些了。恭喜你！接下来还有很多东西要去学习，不过首先，我们推荐你先休息一下，试用一下 Vue，自己随意做些好玩的东西。


原文肯定是错了……

Justineo · 2018-05-01T16:59:55Z

src/v2/guide/components.md


-问题解决了！
+到这里，你需要了解的解析 DOM 模板时的注意事项——实际上也是 Vue 的全部_必要内容_，大概就是这些了。恭喜你！接下来还有很多东西要去学习，不过首先，我们推荐你先休息一下，试用一下 Vue，自己随意做些好玩的东西。


_ → *？

Justineo · 2018-05-01T17:20:21Z

src/v2/guide/components.md

-  '
-})
-```
+如果你感觉已经掌握了这些知识，我们推荐你再回来把完整的组件指南，包括侧边栏中组件深入章节的所有页面读完，


， → 。

Jinjiang added 6 commits April 15, 2018 21:43

rewrite components.md

7cdc72b

translated components.md#1~5

7ca23ed

translated components.md#6

c539227

translated components.md#7

df861ef

translated components.md#8

4d9da46

translated components.md

ad9ed3d

Jinjiang requested a review from Justineo April 18, 2018 16:43

Jinjiang commented Apr 18, 2018

View reviewed changes

Jinjiang mentioned this pull request Apr 18, 2018

是否有必要需要声明未翻译的内容？ #701

Closed

Justineo reviewed May 1, 2018

View reviewed changes

Update components.md

1ba6b03

Justineo merged commit c58a138 into master May 2, 2018

Justineo deleted the components branch May 2, 2018 15:15

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

translated components.md #714

translated components.md #714

Jinjiang commented Apr 18, 2018

Jinjiang Apr 18, 2018

Justineo May 1, 2018

Jinjiang Apr 18, 2018

Jinjiang Apr 18, 2018

Justineo May 1, 2018

Justineo May 1, 2018

Justineo May 1, 2018

Justineo May 1, 2018

Justineo May 1, 2018

Justineo May 1, 2018

Jinjiang May 2, 2018

Justineo May 1, 2018

Justineo May 1, 2018

Justineo May 1, 2018

Justineo May 1, 2018

Justineo May 1, 2018

Justineo May 1, 2018

Justineo May 1, 2018


		问题解决了！
		到这里，你需要了解的解析 DOM 模板时的注意事项——实际上也是 Vue 的全部_必要内容_，大概就是这些了。恭喜你！接下来还有很多东西要去学习，不过首先，我们推荐你先休息一下，试用一下 Vue，自己随意做些好玩的东西。


		渲染为：
		## 复用组件

translated components.md #714

translated components.md #714

Conversation

Jinjiang commented Apr 18, 2018

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment