Vue: [2.0.0-рдЖрд░рд╕реА.1] рд╡реА-рдлреЙрд░ рдФрд░ рд░реЗрдлрд░реА: $рд░реЗрдлреНрд╕ рдЕрдм рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рд╢реАрд▓ рдирд╣реАрдВ рд╣реИрдВ?

рдХреЛ рдирд┐рд░реНрдорд┐рдд 17 рдЕрдЧре░ 2016  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: vuejs/vue

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 рдЗрд╕рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

@yyx990803 рдХреНрдпрд╛ рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ this.$refs.* рдореЗрдВ computed рд╕рдВрдкрддреНрддрд┐рдпреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рднреА v2 рдореЗрдВ рдХрд╛рдо рдХрд░рдирд╛ рдмрдВрдж рдХрд░ рджреЗрдЧрд╛ рдпрд╛ рдпрд╣ рд╕рд┐рд░реНрдл рдЯреЗрдореНрдкреНрд▓реЗрдЯ рдореЗрдВ рдЙрдкрдпреЛрдЧ рд╣реИ? рдХреНрдпрд╛ рдореБрдЭреЗ рдпрд╣ рд╕рдм рдХрд╕реНрдЯрдо рдИрд╡реЗрдВрдЯ рдХреЗ рд╕рд╛рде рд╣рд▓ рдХрд░рдирд╛ рд╣реИ?

рдореИрдВ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдмрдЪреНрдЪреЛрдВ рд╕реЗ рдорд╛рддрд╛-рдкрд┐рддрд╛ рдХреЛ рд╕рддреНрдпрд╛рдкрди рдкрд░рд┐рдгрд╛рдо рдЗрд╕ рддрд░рд╣ рдкрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВред

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдпрд╣ рдЗрд░рд╛рджрд╛ рд╣реИ - рдЗрд╕рдХрд╛ рдХрд╛рд░рдг рдпрд╣ рд╣реИ рдХрд┐ $refs рдЕрдм рд░реЗрдВрдбрд░ рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдХреЗ рджреМрд░рд╛рди рд╣реА рдкрдВрдЬреАрдХреГрдд/рдЕрдкрдбреЗрдЯ рд╣реЛ рдЧрдП рд╣реИрдВред рдЯреЗрдореНрдкреНрд▓реЗрдЯ рдореЗрдВ $refs рдкрд░ рднрд░реЛрд╕рд╛ рдХрд░рдиреЗ рдХреА рдЕрдиреБрд╢рдВрд╕рд╛ рдирд╣реАрдВ рдХреА рдЬрд╛рддреА рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рд╡реЗ рдХреЗрд╡рд▓ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдкреНрд░реЛрдЧреНрд░рд╛рдореЗрдЯрд┐рдХ рдПрдХреНрд╕реЗрд╕ рдХреЗ рд▓рд┐рдП рдЕрднрд┐рдкреНрд░реЗрдд рд╣реИрдВред

рдореИрдВрдиреЗ рдЗрд╕реЗ рд╢рд╛рдорд┐рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП #2873 рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рд╣реИред

@yyx990803 рдХреНрдпрд╛ рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ this.$refs.* рдореЗрдВ computed рд╕рдВрдкрддреНрддрд┐рдпреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рднреА v2 рдореЗрдВ рдХрд╛рдо рдХрд░рдирд╛ рдмрдВрдж рдХрд░ рджреЗрдЧрд╛ рдпрд╛ рдпрд╣ рд╕рд┐рд░реНрдл рдЯреЗрдореНрдкреНрд▓реЗрдЯ рдореЗрдВ рдЙрдкрдпреЛрдЧ рд╣реИ? рдХреНрдпрд╛ рдореБрдЭреЗ рдпрд╣ рд╕рдм рдХрд╕реНрдЯрдо рдИрд╡реЗрдВрдЯ рдХреЗ рд╕рд╛рде рд╣рд▓ рдХрд░рдирд╛ рд╣реИ?

рдореИрдВ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдмрдЪреНрдЪреЛрдВ рд╕реЗ рдорд╛рддрд╛-рдкрд┐рддрд╛ рдХреЛ рд╕рддреНрдпрд╛рдкрди рдкрд░рд┐рдгрд╛рдо рдЗрд╕ рддрд░рд╣ рдкрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВред

рдЬрдм рдЖрдк рдбреЗрдЯрд╛ рдЕрдкрдбреЗрдЯ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдкрд╛рддреЗ рд╣реИрдВ рдХрд┐ $refs рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рддреНрдордХ рд░реВрдк рд╕реЗ рдЕрдкрдбреЗрдЯ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ, рддреЛ рдЖрдк рджреГрд╢реНрдп рдХреЛ рдлрд┐рд░ рд╕реЗ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП this.$forceUpdate() рдФрд░ setTimeout рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

this.fetchSomeShit()
.then((data) => {
  this.data = data
  setTimeout(() => {
    this.$forceUpdate()
  })
})

setTimeout рдХрд╛ рдЙрдкрдпреЛрдЧ рдпрд╣ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд░реЗрдВ рдХрд┐ рдбреЗрдЯрд╛ рдХреЛ рд╡реЗ рдХреНрдпрд╛ рдХрд╣рддреЗ рд╣реИрдВ рдЬреЛ vue рдЯрд╛рд╕реНрдХрдХреНрдпреВ рдореЗрдВ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

paceband picture paceband  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

seemsindie picture seemsindie  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

guan6 picture guan6  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

6pm picture 6pm  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

lmnsg picture lmnsg  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ