el: ‘#app‘

Mac Zhu

已于 2022-05-23 12:16:10 修改

阅读量2.6k

点赞数 3

分类专栏：【Vue】

于 2022-05-23 12:15:18 首次发布

本文链接：https://blog.csdn.net/zxl1173558248/article/details/124924428

版权

Vue.js 数据绑定 v-for 实例挂载模板语法

关键词由CSDN通过智能技术生成

【Vue】专栏收录该内容

20 篇文章 1 订阅

订阅专栏

<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