提前创建未知Vue实例数

时间:2019-07-12 06:22:13

标签: javascript vue.js

在问题Are multiple Vuejs instances possible?中,提出了以下解决方案:

new Vue({
 el: '#app1',
 data () {
   return {
     message: 'Hello'
   }
 },
})

new Vue({
 el: '#app2',
 data () {
   return {
     message: 'Helloa'
   }
 }
})
<div id="app1">
  {{ message }}
</div>

<div id="app2">
  {{ message }}
</div>

嗯,它适用于两个实例,但是如果我们事先不知道怎么办,<div id="appN">会是多少?另外,它可能没有ID。

<!-- we don't know in advance, how many it will be -->
<div class="target">
  {{ message }}
</div>

<div class="target">
  {{ message }}
</div>

Vue的灵活性到此为止吗?

0 个答案:

没有答案