(javascript)一个Vue实例可以绑定多个element吗

关于网友提出的“(javascript)一个Vue实例可以绑定多个element吗
”问题疑问，本网通过在网上对“(javascript)一个Vue实例可以绑定多个element吗
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题：(javascript)一个Vue实例可以绑定多个element吗
描述:

比如官方入门例子里，如果我有两个list放在两个不同的element里边，他们的数据保存在一个data json里，但是一个Vue实例貌似只能绑定一个el，难道要实例化两个Vue？

HTML:

  

    

      {{ todo.text }}
    
  

JS:

new Vue({
  el: '#app',
  data: {
    todos: [
      { text: 'Learn JavaScript' },
      { text: 'Learn Vue.js' },
      { text: 'Build Something Awesome' }
    ]
  }
})

---

解决方案1:

假设html如下：

  

    

      {{ todo.text }}
    
  

  

    

      {{ item.text }}
    
  

javascript如下：

new Vue({
  el: '#app',
  data: {
    todos: [
      { text: 'Learn JavaScript' },
      { text: 'Learn Vue.js' },
      { text: 'Build Something Awesome' }
    ],
    items: [
      { text: 'Learn React' },
      { text: 'Learn Angular.js' },
      { text: 'Build Something Cool!' }
    ]
  }
})

所以你的问题是，没理解数据驱动什么意思吧？入口只绑定#app就好了，剩下的靠数据驱动UI就好了。