Vue2和Vue3的区别，OptionsAPI与CompositionAPI的区别，Vue2所有的数据，都写在data和method方法中，setup是一个全新的配置项，Vue2是选项式API的写法

Vue2存在着data

Vue2和Vue3不同的一个很大的区分点，Vue2项目存在的data和method，在Vue3中都不存在

Vue2的写法

Vue3定义变量的写法

Vue2和Vue3区别一在于原先写在

data(){

       return {

               name: '张三'

       }

}

转换为了export default中setup进行编写

export default {

setup(){

let name = '张三'

}

}

如果想要实现双向数据绑定，要使用return将数据返回回去

第二大区别是原先在Vue2中存在的methods方法，不用写了

Vue2原先methods:{

changeName(){

       this.name = 'zhang-san'

}

}

转换成setup(){

function changeName(){

}

}

Vue2和Vue3的区别之一，this不能调用，Vue3当中根本没有维护this

它可以直接写，由原先的this.name 写成 name

但是最后要return返回回去

export default {
setup(){
let name = '张三'
}
function changeName(){
}
return {changeName}
}