vue-data及methods

data

组件的data是一个函数,调用它返回一个对象,被vue封装后,以$data的形式存储在组件实例中

1
2
3
4
5
data(){
return {
example: [2,3,1]
}
}

methods

组件的methods是一个包含方法的对象,自动绑定this,始终指向组件实例。定义时避免使用箭头函数,会影响this的指向

1
2
3
4
5
6
7
8
methods:{
exampleFuction(){
example[2] = 3
}
}

//可以在组件模版中被访问
<button @click="exampleFuction">Change example</button>
  • 版权声明: 本博客所有文章除特别声明外,均采用 Apache License 2.0 许可协议。转载请注明出处!
  • © 2020-2021 Aweso Lynn
  • PV: UV: