<div id="app">
  <ul>
    <li v-for="value in object">
    {{ value }}
    </li>
  </ul>
</div>
 
<script>
new Vue({
  el: '#app',
  data: {
    object: {
      name: '从入门到大师',
      url: 'http://www.runoob.com',
      slogan: '学的不仅是技术,更是梦想!'
    }
  }
})
</script>

el: '#app' 的意思就是告诉Vue挂载id为app的域下可以解析所有关于Vue的数据。用于指明 Vue 实例的挂载目标。

        官网解释为:提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器,也可以是一个 HTMLElement 实例https://cn.vuejs.org/v2/api/#el

Logo

前往低代码交流专区

更多推荐