-
Notifications
You must be signed in to change notification settings - Fork 3.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Final Review (Guide) #487
Final Review (Guide) #487
Conversation
yyx990803
commented
Aug 5, 2022
•
edited
Loading
edited
- 调整一些明显的理解错误
- 一些地方严格按照英文语序会非常拗口,我会在维持原意的前提下调整到符合中文的语序习惯。
- 给首次出现的重要概念加上英文备注
- 在校对过程中对一些段落做了影响原意的改动或是添加 - 这些已经在英文原版中同步。
- 一些出现多次的用语改动:
- property: 之前统一不翻译,改为
- 指代 JavaScript 对象或是组件实例上的 property 时,翻译为”属性“
- 指代 DOM property,强调和 attribute 的区分时,不翻译
- render: 很多地方被翻译为“呈现”,统一翻译为“渲染”
- props: 很多地方用了单数,改为除非语境下特指单一的 prop,否则统一用复数 props。
- mixin:统一不翻译
- 举个例子: 太过口语化,统一改为“举例来说”
- slot outlet: 原译为“插口”,统一改为“出口”
- 可重用:统一改为“可复用”
- property: 之前统一不翻译,改为
✅ Deploy Preview for vue-docs-zh-cn ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
@@ -181,7 +181,7 @@ | |||
|
|||
- **详细信息** | |||
|
|||
和 `readonly()` 不同,这里没有深层级的转换:只有根层级的 property 变为了只读。property 的值都会被原样存储和暴露,这也意味着值为 ref 的 property **不会**被自动解包了。 | |||
和 `readonly()` 不同,这里没有深层级的转换:只有根层级的属性变为了只读。属性的值都会被原样存储和暴露,这也意味着值为 ref 的属性 **不会**被自动解包了。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
这里 属性 **不会**被自动
不需要空格了
|
||
## 使用构建工具 {#with-build-tools} | ||
|
||
通过 `create-vue` 搭建的项目(基于 Vite)或者 Vue CLI(基于 webpack)都会为生产环境发布作预配置。 | ||
通过 `create-vue`(基于 Vite)或是 Vue CLI(基于 webpack)搭建的项目都已经预先做好了针对生产环境的配置。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
这里的括号应该是半角的,且外侧有空格
@@ -18,16 +18,16 @@ | |||
- 如果需要使用全局变量版本(通过 `Vue` 全局变量访问):请使用 `vue.global.prod.js`。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
这里的括号应该是半角的,且外侧有空格 (顺便发现的)
@@ -499,7 +499,7 @@ export default { | |||
|
|||
## 出现时过渡 {#transition-on-appear} | |||
|
|||
如果你想在某个节点初次渲染时应用一个过渡效果,你可以添加 `appear` attribute: | |||
如果你想在某个节点初次渲染时应用一个过渡效果,你可以添加 `appear` prop: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
结尾的冒号应该是全角的
@@ -31,7 +31,7 @@ export default { | |||
|
|||
</div> | |||
|
|||
还有其他一些钩子,会在实例生命周期的不同阶段被调用,最常用的是 <span class="composition-api">[`onMounted`](/api/composition-api-lifecycle.html#onmounted),[`onUpdated`](/api/composition-api-lifecycle.html#onupdated) 和 [`onUnmounted`](/api/composition-api-lifecycle.html#onunmounted)。所有生命周期钩子的完整参考及其用法可以在[这里](/api/composition-api-lifecycle.html)看到。</span><span class="options-api">[`mounted`](/api/options-lifecycle.html#mounted),[`updated`](/api/options-lifecycle.html#updated) 和 [`unmounted`](/api/options-lifecycle.html#unmounted)。</span> | |||
还有其他一些钩子,会在实例生命周期的不同阶段被调用,最常用的是 <span class="composition-api">[`onMounted`](/api/composition-api-lifecycle.html#onmounted),[`onUpdated`](/api/composition-api-lifecycle.html#onupdated) 和 [`onUnmounted`](/api/composition-api-lifecycle.html#onunmounted)。所有生命周期钩子的完整参考及其用法请参考[API 索引](/api/composition-api-lifecycle.html)。</span><span class="options-api">[`mounted`](/api/options-lifecycle.html#mounted),[`updated`](/api/options-lifecycle.html#updated) 和 [`unmounted`](/api/options-lifecycle.html#unmounted)。</span> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
请参考[API 索引](...)
链接之前需要一个空格
|
||
然而,在[单页面应用](https://developer.mozilla.org/en-US/docs/Glossary/SPA)中,客户端的 JavaScript 可以拦截页面的跳转请求,动态获取新的数据,然后在无需重新加载的情况下更新当前页面。这样通常可以带来更顺滑的用户体验,尤其是在更偏向“应用”的场景下,因为这类场景下用户通常会在很长的一段时间中做出多次交互。 | ||
|
||
在这类单页应用中,“路由”是在客户端执行的。一个客户端路由器的职责就是利用诸如 [History API](https://developer.mozilla.org/en-US/docs/Web/API/History) 或是 [`hashchange` 事件](https://developer.mozilla.org/en-US/docs/Web/API/Window/hashchange_event) 这样的浏览器 API 来管理应用当前应该渲染的视图。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
事件
之后不需要空格
@@ -357,4 +357,4 @@ const openModal = () => { | |||
</script> | |||
``` | |||
|
|||
注意,如果你想在 TypeScript 文件而不是在 Vue SFC 中使用这种技巧,需要开启 Volar 的[托管模式](./overview.html#takeover-mode)。 | |||
注意,如果你想在 TypeScript 文件而不是在 Vue SFC 中使用这种技巧,需要开启 Volar 的[Takeover 模式](./overview.html#takeover-mode)。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
同问 takeover 的翻译问题,另外前面少了一个空格
|
||
- [单文件组件](/guide/scaling-up/sfc)提供了一个模块化的开发模型,允许应用程序的不同部分被隔离开发。 | ||
- [单文件组件](/guide/scaling-up/sfc)提供了一个模块化的开发模型,让应用程序的不同部分能够被隔离开发。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
这里的「应用程序」是否应该根据中文术语约定简写为「应用」呢?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
欢迎 PR 贡献
|
||
除了这两个组件,我们也可以通过其他技术手段来应用动画,比如切换 CSS class 或用状态绑定样式来驱动动画。这些其他的方法会在[动画技巧](/guide/extras/animation.html)章节中展开。 | ||
|
||
## `<Transition>` 组件 {#the-transition-component} | ||
|
||
`<Transition>` 是一个内置组件,这意味着它在任意别的组件中都可以被使用,无需注册。它可以将进入和离开动画应用到通过默认插槽传递给它的元素或组件上。进入或离开可以由以下的条件之一触发: | ||
|
||
- 由 `v-if` 所带来的条件渲染 | ||
- 由 `v-show` 所带来的条件显示 | ||
- 由 `v-if` 所触发的却换 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
这里应为「切换」?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
欢迎 PR 贡献