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

来源：4-9 字体设置弹窗UI实现

_柠萌0

2019-02-28

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

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

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

data () {
  return {
  }
}

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

写回答

1回答

Sam

2019-02-28

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

_柠萌0

Sam

明白了，谢谢

2019-03-04

共3条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构，完整项目流程

1610 学习 · 1951 问题

相似问题

回答 2

回答 2

回答 1

回答 2

回答 1