vue-data及methods

2021-05-13

vue

字数统计: 128字 | 阅读时长≈ 1分钟

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

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

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

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

//可以在组件模版中被访问
<button @click="exampleFuction">Change example</button>