学习 VUE 笔记 03 – 实例化多个 vue 对象

实例化多个 VUE 对象,并在第二个实例中改变第一个实例中的数据。

HTML 部分

{{title}}

{{title}}

js 部分

var oneFun = new Vue({
	el: '#first_box',
	data: {
		title: '这是第一个 DIV'
	},
	methods: {

	},
	computed: {

	}
})
var twoFun = new Vue({
	el: '#second_box',
	data: {
		title: '这是第二个 DIV'
	},
	methods: {
		changeTitle:function(){
			oneFun.title = '改名后的第一个 DIV'
		}
	},
	computed: {

	}
})

发表评论

电子邮件地址不会被公开。 必填项已用*标注