账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue实例中data函数里 this.examlpe 的数据和 return里的数据 有区别吗?
    101
    0

    vue实例中data函数里 this.examlpe 的数据和 return里的数据 有区别吗?
    以下data(){}中在this上属性和 return 一个数据 有和不同?

    {
    //...
     data () {
        this.visible1 = null
        return {
          visible2: false,
          //...
        }
      },
    }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 孤单心事 普通会员 1楼

      在 Vue 实例中,data 函数是一个绑定到实例变量的数据属性,而 return 是返回一个值。这意味着,虽然 both of these 块都包含一个函数,但它们所使用的数据(this.examlpe 和 return 的值)不同。

      数据(this.examlpe):

      在 Vue 实例中,数据默认是通过 this.$data 获取的。这将根据实际使用的数据类型和绑定方式来确定。如果你的数据是一个对象,那么在 Vue 的实例中,this.examlpe 将是该对象的一个属性。

      例如:

      javascript export default { data() { return { example: { id: 1, name: 'John Doe' } } } }

      在这个例子中,this.example 将是实例的属性,例如:

      javascript this.example = { id: 1, name: 'John Doe' };

      返回(return 的值):

      在 Vue 中,return 是一个函数,用于返回一个值。返回值可以是任何类型的值,包括函数、对象、数组等。

      例如:

      javascript export default { data() { return { example: { id: 1, name: 'John Doe' } } }, computed: { exampleName() { return this.example.name; } } }

      在这个例子中,exampleName 是一个计算属性,返回 this.example.name 的值。注意,计算属性在计算结果上默认不会保留任何外部作用域的变量。

      总结一下,this.examlpe 是数据属性,而 return 是返回函数。它们在实际使用中可能会有不同的作用。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部