vue3
日富一日吧
这个作者很懒,什么都没留下…
展开
-
vue2和vue3区别
销毁前:beforeDestroy() 即将销毁data和methods中的数据此时还是可以使用的,可以做一些释放内存的操作。更新前:beforeUptate() 当data的数据发生改变会执行这个钩子,内存中的数据是新的,页面是旧的。Teleport可以突破父组件的限制,让节点渲染到父组件之外的dom中,类似于react的Portals。vue2根实例是由 new Vue() 创建的,而组件实例是由 Vue.component() 创建的。更新后:Updated() 内存和页面都是新的。原创 2023-05-27 20:51:51 · 74 阅读 · 1 评论 -
vue3四种监听写法
【代码】vue3四种监听写法。原创 2023-05-26 23:15:06 · 1226 阅读 · 1 评论 -
vue2和vue3的v-model
v-model指双向数据绑定,分为表单元素绑定和组件绑定两种,是一个语法糖。原创 2023-05-26 21:55:13 · 758 阅读 · 1 评论 -
reactive和ref
处理数据类型不同ref函数支持基本类型数据和复杂类型,传入复杂类型,也会做响应式处理reactive只支持复杂类型,可以将复杂类型,转换成响应式数据,如果是简单类型无法处理成响应式使用注意明确的对象,明确的属性,用reactive,其他用 ref从vue3.2之后,更推荐使用ref (ref底层性能做了提升 => 260%)在 setup 函数中, 通过 ref 对象的 value 属性, 可以访问到值在模板中, ref 属性会自动解套, 不需要额外的 .value原创 2023-05-26 13:44:13 · 50 阅读 · 1 评论 -
vue2和vue3生命周期
vue3虽然推荐使用“组合式”写法,但是也支持“选项式”写法,所以在用“选项式”写法时,有两种生命周期的写法如下,两种都可以正常执行,vue3同级优先级会比vue2高。原创 2023-05-26 01:14:44 · 148 阅读 · 1 评论 -
父组件props值改变,子组件未更新
是子组件props对象不是ref对象,无法根据父组件变化而更新视图。原创 2023-05-26 00:15:49 · 1489 阅读 · 0 评论 -
node安装d盘,导致vue3项目创建失败
链接:初学vue3语法原创 2023-05-24 20:54:02 · 234 阅读 · 0 评论