《Vue应用开发》课件——3.1选项式API和组合式API.pptxVIP

任务3.1选项式API和组合式API;熟悉选项式API和组合式API，能够说出选项式API和组合式API的区别;Vue3支持选项式API和组合式API。其中，选项式API是从Vue2开始使用的一种写法，而Vue3新增了组合式API的写法。;script

exportdefault{

data(){

return{//定义数据}

},

methods:{//定义方法},

computed:{//定义计算属性},

watch:{//定义侦听器}

}

/script

;script

import{computed,watch}fromvue

exportdefault{

setup(){

const数据名=数据值

const方法名=()={}

const计算属性名=computed(()={})

watch(侦听器的来源,回调函数,可选参数)

return{数据名,方法名,计算属性名}

}

}

/script;scriptsetup

import{computed,watch}fromvue

//定义数据

const数据名=数据值

//定义方法

const方法名=()={}

//