Vue进阶(幺玖叁):Vue实例属性$OPTIONS

Posted No Silver Bullet

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue进阶(幺玖叁):Vue实例属性$OPTIONS相关的知识,希望对你有一定的参考价值。

文章目录


前言

vue实例属性$options是用来获取定义在data外的数据和方法。

应用示例如下:

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

拓展阅读

以上是关于Vue进阶(幺玖叁):Vue实例属性$OPTIONS的主要内容,如果未能解决你的问题,请参考以下文章

Vue进阶(幺玖贰):获取url传参

Vue进阶(幺玖肆):JavaScript 浮点数精度计算

Vue进阶(幺玖陆):js保留两位小数方法总结

Vue进阶(幺玖肆):VantUI 实现 Dialog 弹框动态显示 message

Vue关于option一些理解

Vue进阶