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

有知道的同学吗

慕粉3284148

2019-06-14

源自：vue2.5入门 2-2

关注问题我要回答

1341

操作

收起

3 回答

Verckolf
2019-10-21

目前看来是的。

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

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

0 回复有任何疑惑可以回复我~

#1

慕粉1505578130

<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 回复有任何疑惑可以回复我~

weixin_慕姐2078017
2019-08-16

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

0 回复有任何疑惑可以回复我~

qq_蜂巢里的糖_0
2019-06-14

<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

版权声明：本文为博主原创文章，转载请附上博文链接！

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

参与学习 146813 人
解答问题 657 个

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

本课相似问答

4 回答this.$emit（）的第二个参数可以不写吗

2 回答为什么要再写一个todoitem文件呢，直接写在todolist.vue里不行吗

1 回答一个vue实例如何挂载多个标签

2 回答 vue 挂载点，实例

1 回答idea里写new vue 和vue.component用不了

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载