$vm0.$children return 0 element but there has 3 children

Published 2 months ago by didedadob

I am following laracast vue 2.0, in #11 number tutorial i have the same code that tutorial have. If i see i have 3 children. alt text

But whenever i try to get those element i found it return an array of 0 element. alt text

2 months ago (16,290 XP)

Can you please provide your HTML and Vue code aswell please?


Here is it, ###index.html

<!-- index.html -->
<!DOCTYPE html>
<html lang="en">

  <meta charset="UTF-8">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.1/css/bulma.min.css">
  <style type="text/css">
    body {
      padding-top: 40px;

  <div id="root" class="container">
      <tab name="About Us" :selected="true">
        <h1>Here is the content for the about us tab.</h1>
      <tab name="About Our Culture">
        <h1>Here is the content for the about our culture tab.</h1>
      <tab name="About Our Vision">
        <h1>Here is the content for the about our vision tab.</h1>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.9/vue.js"></script>
  <script src="component03.js"></script>




Vue.component('tabs', {
    template: `
        <div class="tabs">
                <li class="is-active"><a>Pictures</a></li>

        <div class="tabs-details"><slot></slot></div>

Vue.component('tab', {
    template: `

    props: {
        name: {
            required: true

var app = new Vue({
    el: '#root',

2 months ago (16,290 XP)

In the Lession #11 vm$0 is the Tabs. On your Picture i can see that vm$0 is "Tab"

add this to your "tabs" component to see the children:

mounted() {

Please sign in or create an account to participate in this conversation.