<body>
<div id="vue-one">
{{ title }}<br />
{{ greet }}<br />
</div>
<div id="vue-two">
{{ title }}<br />
{{ greet }}<br />
<button @click="change">press</button>
</div>
<script src="js/vue.js"></script>
<script>
var one = new Vue({
el: "#vue-one",
data: {
title: "i am one"
},
methods: {
},
computed: {
greet: function () { return "hello one"; }
}
});
var two = new Vue({
el: "#vue-two",
data: {
title: "i am two"
},
methods: {
change: function () { one.title = "change one"; }
},
computed: {
greet: function () { return "hello two"; }
}
});
</script>
</body>
vue 实例化多个对象
最新推荐文章于 2022-08-05 22:29:34 发布