gta5 网站正在建设中,织梦网站背景音乐,本地云主机搭建wordpress,千锋教育学费多少1、pinia和vuex的区别 1.pinia没有mutations#xff0c;只有state,getters,actions 2.pinia分模块不需要modules (之前vuex分模块需要modules) 3.pinia体积更小(性能更好) 4.pinia可以直接修改state数据
2、Vue2和vue3的响应式原理分别是什么#x…1、pinia和vuex的区别 1.pinia没有mutations只有state,getters,actions 2.pinia分模块不需要modules (之前vuex分模块需要modules) 3.pinia体积更小(性能更好) 4.pinia可以直接修改state数据
2、Vue2和vue3的响应式原理分别是什么以及vue3为什么要更改实现响应式原理的方式 Vue2中使用的响应式原理是通过Object.defineProperty方法对数据进行劫持监听从而实现数据的响应式更新。 而Vue3中使用的响应式原理是基于ES6的Proxy实现的通过Proxy对象代理数据可以实现更高效的数据监听和更新同时也可以监听到数组的变化。 3. 选项式API与组合式api的区别 在逻辑组织和逻辑复用方面Composition API是优于Options API 因为Composition API几乎是函数会有更好的类型推断。 Composition API对 tree-shaking 友好代码也更容易压缩 Composition API中见不到this的使用减少了this指向不明的情况 如果是小型组件可以继续使用Options API也是十分友好的
4- ref与reactive的区别 定义数据角度 ref用来定义基本类型数据。 reactive用来定义对象或数组类型数据。 备注ref也可以用来定义对象或数组类型数据, 它内部会自动通过reactive转为代理对象。 原理角度 ref通过Object.defineProperty()的get与set来实现响应式数据劫持。 reactive通过使用Proxy来实现响应式数据劫持, 并通过Reflect操作源对象内部的数据。 使用角度 ref定义的数据操作数据需要.value读取数据时模板中直接读取不需要.value。 reactive定义的数据操作数据与读取数据均不需要.value。
5、 setup的作用 setup是什么作用 1、新的选项所有的组合api函数都在此使用只在初始化时执行一次 2、函数如果返回对象对象中的属性与方法在模板中可以直接使用 执行时机 1、在beforeCreate之前执行一次此时组件对象还没有创建 2、This的值为undefined不能通过this操作 data、computed、methods、props 3、所有的composition api 都不能使用this 返回值 1、一般都返回一个对象用于向模板返回数据返回的数据模板可以直接使用 2、返回的对象的属性与data返回的数据 在组件对象中属性合并 3、返回的对象的方法与methods返回的数据 在组件对象中方法合并 4、切记 (1)如遇相同名字 setup优先 (2)Methods可以访问setup中属性与方法setup不可以访问data与methods 此方式不推荐使用 (3)Setup不能是一个异步函数如果设置为异步函数返回的是一个promise模板不能获取到return返回的对象 参数: setup(props, context) / setup(props, {attrs, slots, emit}) props接收组件的属性 context上下文对象包括 slotsattrsemitexpose (1)attrs: 包含没有在props配置中声明的属性的对象, 相当于 this.a t t r s ( 2 ) s l o t s : 包含所有传入的插槽内容的对象 , 相当于 t h i s . attrs (2)slots: 包含所有传入的插槽内容的对象, 相当于 this.attrs(2)slots:包含所有传入的插槽内容的对象,相当于this.slots (3)emit: 用来分发自定义事件的函数, 相当于 this.$emit
