Skip to content

Commit fc80ea3

Browse files
committed
Merge branch 'indonesian' of github.com:vuejs-id/docs-next into indonesian
2 parents deb06fd + 3a22bd3 commit fc80ea3

File tree

6 files changed

+54
-5
lines changed

6 files changed

+54
-5
lines changed

.github/pull.yml

+10
Original file line numberDiff line numberDiff line change
@@ -3,3 +3,13 @@ rules:
33
- base: master
44
upstream: vuejs:master # change `wei` to the owner of upstream repo
55
mergeMethod: hardreset
6+
- base: indonesian
7+
upstream: master # Required. Can be a branch in the same forked repo.
8+
assignees: # Optional
9+
- mandaputtra
10+
reviewers: # Optional
11+
- mandaputtra
12+
conflictReviewers: # Optional, on merge conflict assign a reviewer
13+
- mandaputtra
14+
label: ":arrow_heading_down: pull" # Optional
15+
conflictLabel: "merge-conflict" # Optional, on merge conflict assign a custom label, Default: merge-conflict

src/.vuepress/config.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -344,7 +344,7 @@ module.exports = {
344344
},
345345
{
346346
text: 'Vuex',
347-
link: 'https://vuex.vuejs.org/'
347+
link: 'https://next.vuex.vuejs.org/'
348348
},
349349
{
350350
text: 'Vue CLI',

src/guide/migration/children.md

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
---
2+
badges:
3+
- removed
4+
---
5+
6+
# $children <MigrationBadges :badges="$frontmatter.badges" />
7+
8+
## Overview
9+
10+
`$children` instance property removed from Vue 3.0 and no longer supported.
11+
12+
## 2.x Syntax
13+
14+
In 2.x, developers could access direct child components of the current instance with `this.$children`:
15+
16+
```html
17+
<div ref="app" id="app">
18+
<img alt="Vue logo" src="./assets/logo.png" width="25%" />
19+
<my-button>Change logo</my-button>
20+
</div>
21+
```
22+
23+
```js
24+
export default {
25+
name: "App",
26+
components: {
27+
MyButton,
28+
},
29+
mounted() {
30+
console.log(this.$children); // [VueComponent]
31+
},
32+
};
33+
</script>
34+
```
35+
36+
## 3.x Update
37+
38+
In 3.x, `$children` property is removed and no longer supported. Instead, if you need to access a child component instance, we recommend using [$refs](/guide/component-template-refs.html#template-refs).

src/guide/migration/introduction.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -109,9 +109,10 @@ The following consists a list of breaking changes from 2.x:
109109
### Removed APIs
110110

111111
- [`keyCode` support as `v-on` modifiers](/guide/migration/keycode-modifiers.html)
112-
- [$on, $off and \$once instance methods](/guide/migration/events-api.html)
112+
- [$on, $off and $once instance methods](/guide/migration/events-api.html)
113113
- [Filters](/guide/migration/filters.html)
114114
- [Inline templates attributes](/guide/migration/inline-template-attribute.html)
115+
- [`$children` intance property](/guide/migration/children.md)
115116
- `$destroy` instance method. Users should no longer manually manage the lifecycle of individual Vue components.
116117

117118
## Supporting Libraries

src/guide/state-management.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
## Official Flux-Like Implementation
44

5-
Large applications can often grow in complexity, due to multiple pieces of state scattered across many components and the interactions between them. To solve this problem, Vue offers [vuex](https://github.com/vuejs/vuex), our own Elm-inspired state management library. It even integrates into [vue-devtools](https://github.com/vuejs/vue-devtools), providing zero-setup access to [time travel debugging](https://raw.githubusercontent.com/vuejs/vue-devtools/master/media/demo.gif).
5+
Large applications can often grow in complexity, due to multiple pieces of state scattered across many components and the interactions between them. To solve this problem, Vue offers [Vuex](https://next.vuex.vuejs.org/), our own Elm-inspired state management library. It even integrates into [vue-devtools](https://github.com/vuejs/vue-devtools), providing zero-setup access to [time travel debugging](https://raw.githubusercontent.com/vuejs/vue-devtools/master/media/demo.gif).
66

77
### Information for React Developers
88

@@ -118,4 +118,4 @@ You should never replace the original state object in your actions - the compone
118118

119119
As we continue developing the convention, where components are never allowed to directly mutate state that belongs to a store but should instead dispatch events that notify the store to perform actions, we eventually arrive at the [Flux](https://facebook.github.io/flux/) architecture. The benefit of this convention is we can record all state mutations happening to the store and implement advanced debugging helpers such as mutation logs, snapshots, and history re-rolls / time travel.
120120

121-
This brings us full circle back to [Vuex](https://github.com/vuejs/vuex), so if you've read this far it's probably time to try it out!
121+
This brings us full circle back to [Vuex](https://next.vuex.vuejs.org/), so if you've read this far it's probably time to try it out!

src/style-guide/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1615,7 +1615,7 @@ app.component('TodoItem', {
16151615

16161616
### Non-flux state management <sup data-p="d">use with caution</sup>
16171617

1618-
**[Vuex](https://github.com/vuejs/vuex) should be preferred for global state management, instead of `this.$root` or a global event bus.**
1618+
**[Vuex](https://next.vuex.vuejs.org/) should be preferred for global state management, instead of `this.$root` or a global event bus.**
16191619

16201620
Managing state on `this.$root` and/or using a global event bus can be convenient for very simple cases, but it is not appropriate for most applications.
16211621

0 commit comments

Comments
 (0)