vue3.0小入门
2020-12-30 本文已影响0人
玩点小技术
整体上来说如果有很强的2.0基础,那相对来说会很快入手。重点全部在组合式API和响应式API,其他的实际上跟2.0的区别是不大的。
1.组合式PAPI
需要去了解setup(),简单的说是把生命周期钩子和方法、变量等,全部都放在setup里面来,所有的操作都在里面完成。
比如:onMounted,watch,computed,watchEffect等等
2.响应式API
简单的理解是,要去用新的API怎么实现双向绑定,以及中间去做些监听或者响应的其他操作。
比如:ref,reactive,refs等等
3.简单完整例子(1秒后加1)
<template>
<div>{{ number }}</div>
</template>
<script>
import {ref} from 'vue'
export default {
setup(){
const number = ref(0)
setTimeout(() => {
number.value += 1
},1000)
return {
number
}
}
}
</script>