vue的实例属性$options

本文介绍了Vue中的$options属性,用于获取Vue实例的选项,包括自定义属性和方法。例如,即使这些属性和方法定义在data外部,$options也能帮助我们访问和调用它们。在示例中,展示了如何使用$options访问和执行在Vue实例创建时定义的name、age和haha()方法。理解$options对于深入掌握Vue实例的内部工作原理至关重要。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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 访问得到的是根父组件

转载文章:https://www.cnblogs.com/150536FBB/p/11339968.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值