1.作为市面流行的前端框架之一vue，在使用过程中会发现 data(){return{}}是以函数的形式，这是为什么呢？
2.首先，组件化作为vue的核心思想之一，我们每一个 .vue文件都是一个组件，在我们使用过程中，如果将data作为对象形式，那么当我们共用某个组件的时候，data中的数剧将以全局的形式存在，这样就会造成作用域污染
<template>
<h1>按钮被点击了{{ count }}次</h1>
<button v-on:click="count++">点击</button>
</template>
<script>
export default {
name:'test',
data(){
return{
count:0
}
}
</script>
当我们复用这个组件三次，但是，我们每个组件内部返回的结果都是不同的。但是当我们将上边的data修改为data：{count：0}，这时候我们的返回结果都会相同。
网友评论