vue的实例属性$options

$options是Vue中提供的一个重要属性，用于设置或获取Vue实例的属性。$options包含了Vue实例的所有属性，方法和配置，从而可以对Vue程序进行定制化的设置。

通过$options属性，我们可以访问Vue实例的各种属性和方法，如data、methods、created等，用于定制化Vue程序的行为。$options的用法非常灵活，可以通过以下方式进行设置：

// 获取Vue实例的$options属性
console.log(this.$options); 
// 设置Vue实例的$options属性
this.$options = {
data: function () {
return {
message: 'Hello World!'
}
}
}; 
// Vue实例的$options属性中添加新的属性
this.$options.customOption = 'Hello World!'; 
// 删除Vue实例的$options属性中的某个属性
delete this.$options.data;

此外，this.$options 可以获取自定义属性时。用来获取data外面的数据和方法。

<script>
export default {
  name: "Test",
  data() {
    return {
         
    };
  },
  //在data外面定义的属性和方法通过$options可以获取和调用
  name: "zs",
  age: 12,
  haha() {
    console.log("haha");
  },
  created() {  
    console.log(this.$options.name);  // zs
    console.log(this.$options.age);  //12
    this.$options.haha();  // haha
  
  },
</script>

Vue属性:

1.$props: 父组件传给子组件
2.$options 获取的是vue实例中的选项，包含自定义选项
3.$el:访问vue实例的根dom元素
4.$root获取根vue实例

root 和parent 都能够实现访问父组件的属性和方法，两者的区别在于，如果存在多级子组件，通过parent 访问得到的是它最近一级的父组件，通过root 访问得到的是根父组件