vue3的setup,ref以及reactive

vue2的html模板中必须要有一对根标签,vue3中可以没有这个根标签。

setup是组合API的入口函数。只在初始化的时候执行一次。

ref是一个函数,作用是定义一个响应式数据,返回的是一个ref的对象。对象中有一个value属性,如果需要对数据进行操作,需要使用该ref对象调用value属性的方式进行数据操作。html模板中不需要使用.value的属性写法。

ref一般是用来定义基本类型的数据响应式。


reactive的作用是定义多个数据的响应式。

内部基于es6的proxy,通过代理对象操作源对象内部数据都是响应式的。

总结:如果操作代理对象,目标对象中的数据也会随之变化,同时如果想要操作数据的时候,页面也要跟着重新更新渲染,那么也是操作代理对象



                    
                    

你可能感兴趣的:(vue.js,javascript,前端)