我要挂载第二个id的话 怎么写呢?再重新写个new Vue({ })吗?

来源:2-2 挂载点,模版与实例

慕粉3284148

2019-06-14 16:17

有知道的同学吗

写回答 关注

3回答

  • Verckolf
    2019-10-21 17:53:00

    目前看来是的。

    1、vue实例通过模板id绑定DOM。不同的DOM使用相同id,也只有第一个生效

    2、不确定vue实例绑定的模板id是否可以用变量来控制,如果可以的话,就能用一个实例控制多个DOM。不知道有没有大佬能解释下~~

    慕粉1505...

    ​<div id="app"> {{a}} </div> <div id="add"> {{a}} </div> <script> var point = 'add'; new Vue({ el: "#" + point, data: { a: "" }, created: function(){ if(point == 'app'){ this.a = 1 }else if(point == 'add'){ this.a = 2 } } }) </script>

    2020-02-21 15:53:13

    共 1 条回复 >

  • weixin_慕姐2078017
    2019-08-16 17:25:59

    没有必要弄两个挂载点吧,一个挂载点就可以搞定所有

  • qq_蜂巢里的糖_0
    2019-06-14 21:01:24

    <div id="box">

      <span>{{ title }}</span>

    </div>


    <div id="box2">

      <span>{{ title }}</span>

    </div>


    var vm = new Vue({

      el: '#box',

      data: {

        title: 'Hello'

      }

    })


    var vm2 = new Vue({

      el: '#box2',

      data: {

        title: 'World'

      }

    })


    --------------------- 

    作者:weixin_34290390 

    来源:CSDN 

    原文:https://blog.csdn.net/weixin_34290390/article/details/87442914 

    版权声明:本文为博主原创文章,转载请附上博文链接!


vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

146742 学习 · 657 问题

查看课程

相似问题