javascript - 一个vuejs实例只能绑定一个标签上么？

问题描述

问 题

想在多个span上用同个数据

`<span class="example">message:{{msg}}</span>
<h1 class="example">{{msg}}</h1>
<span v-text="msg" class="example"></span>
<span>{{msg}}1</span>
<script>

var data = { a: 1 }
var vm = new Vue({
el: '.example',//我将它换为span试了不行，所以想用类试试，还是不行
data: {data,

    msg:3

}
})`

解决方案

用外层的标签绑定实例不就都能用了吗

而且你这段代码也有问题

var data = { a: 1 }
var vm = new Vue({
el: '.example',//我将它换为span试了不行，所以想用类试试，还是不行
data: {data,

msg:3
}
})

vue实例里的data对应的是一个对象，例如{msg:3}
但是你这里的data: {
{a: 1},
msg: 3
}
是有问题的，缺少属性名

这篇关于javascript - 一个vuejs实例只能绑定一个标签上么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！