_setSliderWidth 函数中为什么要使用 this.children 而不是 直接 let children？

Question

_setSliderWidth函数中为什么要使用

```js

this.children = this.$refs.sliderGroup.children

```

如果使用：

```js

let children = this.$refs.sliderGroup.children

```

可以吗？

```js

_setSliderWidth () {

// this.children = this.$refs.sliderGroup.children

let children = this.$refs.sliderGroup.children

let width = 0

// 获取dom元素的实际宽度

let sliderWidth = this.$refs.slider.clientWidth

// for (let i = 0; i < this.children.length; i++) {

for (let i = 0; i < children.length; i++) {

// let child = this.children[i]

let child = children[i]

addClass(child, 'slider-item')

child.style.width = sliderWidth + 'px'

width += sliderWidth

if (this.loop) {

width += 2 * sliderWidth

}

this.$refs.sliderGroup.style.width = width + 'px'

}

},

```

Answer 1

ustbhuangyi 2018-07-07 11:42:39

因为 this.children 在其它函数也有用的，所以挂载到实例上比较好~

• weibo_用户59736453_0 #1

  挂载到实例上没有提前在data里声明，不用用set方法吗

• ustbhuangyi 回复 weibo_用户59736453_0 #2

  不需要啊，因为 children 的改变也不需要驱动视图的变化