<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script src="http://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="box">
{{a}}
</div>
<script type="text/javascript">
var vm = new Vue({
el:'#box',
data:{
a:1,
},
});
console.log(vm.$el);
vm.$el.style.background = 'red';
console.log(vm.$data);
console.log(vm.$data.a);
</script>
</body>
</html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
![这里写图片描述](https://img-blog.csdn.net/20170120155112655?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZ2l0aHViXzI2NjcyNTUz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
手动挂载
var vm = new Vue({
data:{
a:1,
},
});
vm.$mount('#box');
或者下面的写法:
var vm = new Vue({
data:{
a:1,
},
}).$mount('#box');
var vm = new Vue({
aa:11,
data:{
a:1,
},
}).$mount('#box');
console.log(vm.$options.aa);
上面代码,自定义了属性aa
,可以通过vm.$options
获取。