Vue2选项式api

Vue3组合式API

setup方法的使用,最后需要return

setup语法糖省略了内部的export default{} 和return 内容 以及组件的注册

reactive生成响应式对象,只能适用于复杂对象,简单类型不可

ref生成响应式数据:复杂类型和简单类型均支持,js中加.value,模板中使用不用带value(建议)

computed计算属性

watch监听一个值变化

watch监听多个值变化:监听几个写几个分开写,或者同时一起监听多个


immediate立即监听:配置在watch的第三个参数里

deep深度监听对象:ref生成的响应数据默认不支持深度监听,可以通过配置deep来实现深度监听,reactive默认支持深度监听


生命周期钩子函数
