vue3.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>

推荐阅读更多精彩内容