1. 属性
vm.$el
vm.$data
vm.$options
vm.$refs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue</title>
<script src="js/vue.js"></script>
</head>
<body>
<div class="itany">
{{msg}}
<h2 ref="hello">你好</h2>
<h2 ref="world">世界</h2>
</div>
</body>
<script>
var vm = new Vue({
el: '.itany',
data: {
msg: 'welcome to itany'
},
name: 'car',
age: 24,
show: function() {
console.log('show');
}
});
// 属性
//vm.属性名 获取data中的属性
// console.log(vm.msg);
//vm.$el 获取vue实例关联的元素
// console.log(vm.el); //DOM对象
// vm.$el.style.color = 'red';
//vm.$data //获取数据对象data
// console.log(vm.$data);
// console.log(vm.$data.msg);
//vm.$options //获取自定义属性
// console.log(vm.$options.name);
// console.log(vm.$options.age);
// vm.$options.show();
//vm.$refs 获取所有添加ref属性的元素
console.log(vm.$refs);
console.log(vm.$refs.hello); //DOM对象
vm.$refs.hello.style.color = 'blue';
</script>
</html>