<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>

<div id="app">

  <ul>

    <li v-for="(value,key,index) in object">

        <p v-if="typeof value !='object'">{{value}}....{{ index }}</p>

        <p v-else>{{key}}....{{index}}</p>

        <ul v-if="typeof value == 'object'">

            <li v-for="(value, key, index) in value">

                {{key}}:{{value}}....{{ index }}

            </li>

        </ul>

    </li>

  </ul>

</div>

new Vue({

  el: '#app',

  data: {

    object: {

      name: '菜鸟教程',

      url: 'http://www.runcodex.com',

      slogan: '学的不仅是技术，更是梦想！',

      obj2:{y:"嵌套对象的属性1",z:"嵌套对象的属性2"}

    }

  }

})