美文网首页
vue中data使用this

vue中data使用this

作者: lesdom | 来源:发表于2019-07-26 18:46 被阅读0次

思路

一般都是对象中的属性或者对象里的方法
在data中将对象设置为空,在created生命周期中再对此对象赋值

代码

data () {
  return {
    name: 'lee',
    option: {}
  }
},
created () {
  let that = this
  this.option = {
    name: that.name,
    getName: function () {
      that.getName()
    }
  }
},
methods: {
  getName () {
    console.log(this.name)
  }
}

网站导航

网站导航

相关文章

  • vue中data使用this

    思路 一般都是对象中的属性或者对象里的方法在data中将对象设置为空,在created生命周期中再对此对象赋值 代...

  • Vue之`data`

    在 Vue 中,我们定义数据使用 data. 在 Vue 的根节点里,它是一个对象. 在components 中...

  • .vue文件引入图片无法正确编译

    vue中在.vue文件中移入静态图片,标签内或者是data中无法编译要使用require('xxxx')来引入

  • 揭开Vue3.0 setup函数的神秘面纱

    在Vue 3.0的使用中我们可以不使用data、props、methods、computed等Option函数,可...

  • Vue中的data为什么要用return{}括起来

    vue中的data用return返回 为什么在大型项目中data需要使用return返回数据呢? 答:不使用ret...

  • vue学习笔记

    .$data .#$el $data表示vue实例中data的值$el表示vue实例中el的值,注意 el效果等...

  • 2-2 vue data一定是函数

    data一定是函数 data必须是函数 使用组件时,大多数可以传入到 Vue 构造器中的选项都可以在 Vue.ex...

  • Vue来一点料

    一、Vue-cli构建的项目目录 二、Vue双向数据绑定 原理 Vue遍历data对象中的所有数据,使用Objec...

  • laravel vue控件通过axios向api发起请求,获取分

    问题:在vue中获取分页实例对象中的具体实例对象的时候需要使用reponse.data.data,为什么需要调用两...

  • 第一个 vue项目

    (vue可以使用) 创建项目 data model层 vue用到的数据methods可以去到data的数据watc...

网友评论

      本文标题:vue中data使用this

      本文链接:https://www.haomeiwen.com/subject/hawdrctx.html