老师，我想问下，关于变量定义的问题

Question

就是你写的script里面，我以前看的资料，都是在data{}中先定义变量的初始化，再在方法中使用this.XXX = 取得值！而你定义的变量都是直接this.XXX = 取得值！我想问下，这两种方法有什么区别。

data () {
  return {
    name: ''
  }
}

methods: {
	getName () {
	  this.name = '张三'
	}
}

data () {
  return {
  }
}

methods: {
  getName () {
    this.name = '张三'
  }
}

Answer 1

Sam 2019-02-28 22:49:28

你好，推荐先定义再使用，但是如果直接使用this.xxx也是可以的，这样操作会在vue实例中直接生成一个属性，再执行赋值操作

• 提问者 _柠萌0 #1

  老师，企业级开发的时候直接赋值也是没有的是吗？

• Sam 回复 提问者 _柠萌0 #2

  建议先定义再赋值，因为Vue在实例化过程中会做很多工作，比如创建响应式对象__ob__、通过Object.defineProperty创建属性的setter和getter方法等，所以真实开发中尽量先在data中定义变量再进行使用

• 提问者 _柠萌0 回复 Sam #3

  明白了，谢谢