2.0.0-rc.1 рдореЗрдВ, рдЬреИрд╕рд╛ рдирд┐рд░реНрдорд╛рдг
<p>Count: {{$refs.components && $refs.components.length}}</p>
<sub-component v-for="item in items" ref="components">
рдЕрдм рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ (рдЧрд┐рдирддреА рдкреНрд░рд╛рд░рдВрднрд┐рдХ рдореВрд▓реНрдп рдкрд░ рд░рд╣рддреА рд╣реИ, рднрд▓реЗ рд╣реА items
рдФрд░ рдЗрд╕ рдкреНрд░рдХрд╛рд░ рдШрдЯрдХ рдЧрдгрдирд╛ рдмрджрд▓ рджреА рдЧрдИ рд╣реЛ)ред V1 рдореЗрдВ, $refs рдХреА рд╕рд░рдгрд┐рдпрд╛рдБ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рд╢реАрд▓ рд░реВрдк рд╕реЗ рдЕрдкрдбреЗрдЯ рд╣реЛрдВрдЧреАред
рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рдПрдХ рдмрдЧ рдпрд╛ рдПрдХ рд╡рд┐рд╢реЗрд╖рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди #2873 рдЗрд╕рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред
рдпрд╣ рдЗрд░рд╛рджрд╛ рд╣реИ - рдЗрд╕рдХрд╛ рдХрд╛рд░рдг рдпрд╣ рд╣реИ рдХрд┐ $refs
рдЕрдм рд░реЗрдВрдбрд░ рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдХреЗ рджреМрд░рд╛рди рд╣реА рдкрдВрдЬреАрдХреГрдд/рдЕрдкрдбреЗрдЯ рд╣реЛ рдЧрдП рд╣реИрдВред рдЯреЗрдореНрдкреНрд▓реЗрдЯ рдореЗрдВ $refs
рдкрд░ рднрд░реЛрд╕рд╛ рдХрд░рдиреЗ рдХреА рдЕрдиреБрд╢рдВрд╕рд╛ рдирд╣реАрдВ рдХреА рдЬрд╛рддреА рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рд╡реЗ рдХреЗрд╡рд▓ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдкреНрд░реЛрдЧреНрд░рд╛рдореЗрдЯрд┐рдХ рдПрдХреНрд╕реЗрд╕ рдХреЗ рд▓рд┐рдП рдЕрднрд┐рдкреНрд░реЗрдд рд╣реИрдВред
рдореИрдВрдиреЗ рдЗрд╕реЗ рд╢рд╛рдорд┐рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП #2873 рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рд╣реИред
@yyx990803 рдХреНрдпрд╛ рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ this.$refs.*
рдореЗрдВ computed
рд╕рдВрдкрддреНрддрд┐рдпреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рднреА v2 рдореЗрдВ рдХрд╛рдо рдХрд░рдирд╛ рдмрдВрдж рдХрд░ рджреЗрдЧрд╛ рдпрд╛ рдпрд╣ рд╕рд┐рд░реНрдл рдЯреЗрдореНрдкреНрд▓реЗрдЯ рдореЗрдВ рдЙрдкрдпреЛрдЧ рд╣реИ? рдХреНрдпрд╛ рдореБрдЭреЗ рдпрд╣ рд╕рдм рдХрд╕реНрдЯрдо рдИрд╡реЗрдВрдЯ рдХреЗ рд╕рд╛рде рд╣рд▓ рдХрд░рдирд╛ рд╣реИ?
рдореИрдВ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдмрдЪреНрдЪреЛрдВ рд╕реЗ рдорд╛рддрд╛-рдкрд┐рддрд╛ рдХреЛ рд╕рддреНрдпрд╛рдкрди рдкрд░рд┐рдгрд╛рдо рдЗрд╕ рддрд░рд╣ рдкрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВред
рдЬрдм рдЖрдк рдбреЗрдЯрд╛ рдЕрдкрдбреЗрдЯ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдкрд╛рддреЗ рд╣реИрдВ рдХрд┐ $refs
рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рддреНрдордХ рд░реВрдк рд╕реЗ рдЕрдкрдбреЗрдЯ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ, рддреЛ рдЖрдк рджреГрд╢реНрдп рдХреЛ рдлрд┐рд░ рд╕реЗ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП this.$forceUpdate()
рдФрд░ setTimeout
рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
this.fetchSomeShit()
.then((data) => {
this.data = data
setTimeout(() => {
this.$forceUpdate()
})
})
setTimeout
рдХрд╛ рдЙрдкрдпреЛрдЧ рдпрд╣ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд░реЗрдВ рдХрд┐ рдбреЗрдЯрд╛ рдХреЛ рд╡реЗ рдХреНрдпрд╛ рдХрд╣рддреЗ рд╣реИрдВ рдЬреЛ vue рдЯрд╛рд╕реНрдХрдХреНрдпреВ рдореЗрдВ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
@yyx990803 рдХреНрдпрд╛ рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐
this.$refs.*
рдореЗрдВcomputed
рд╕рдВрдкрддреНрддрд┐рдпреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рднреА v2 рдореЗрдВ рдХрд╛рдо рдХрд░рдирд╛ рдмрдВрдж рдХрд░ рджреЗрдЧрд╛ рдпрд╛ рдпрд╣ рд╕рд┐рд░реНрдл рдЯреЗрдореНрдкреНрд▓реЗрдЯ рдореЗрдВ рдЙрдкрдпреЛрдЧ рд╣реИ? рдХреНрдпрд╛ рдореБрдЭреЗ рдпрд╣ рд╕рдм рдХрд╕реНрдЯрдо рдИрд╡реЗрдВрдЯ рдХреЗ рд╕рд╛рде рд╣рд▓ рдХрд░рдирд╛ рд╣реИ?рдореИрдВ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдмрдЪреНрдЪреЛрдВ рд╕реЗ рдорд╛рддрд╛-рдкрд┐рддрд╛ рдХреЛ рд╕рддреНрдпрд╛рдкрди рдкрд░рд┐рдгрд╛рдо рдЗрд╕ рддрд░рд╣ рдкрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВред