
vue
林i
这个作者很懒,什么都没留下…
展开
-
Vue中的sync修饰符
这个子组件接受一个来自外部的money变量,这个子组件的需求是,当点击按钮时,money数据改变的同时,也伴随着父组件数据的改变,但是这一点对于Vue本身来说是不允许的,因为Vue规定了子组件不能直接修改父组件的数据,会报错。也就是说,sync修饰符的功能是:当一个子组件改变了一个来自外部(prop)的值时,这个值的变化也会绑定到父组件,使父组件中的值也进行更新。这里父组件用sync监听到了子组件上数值的变化,并进行双向绑定,同时修改了父子组件中的数据。但是父组件用sync修饰符就可以很简单的做到这一点。原创 2023-08-10 15:33:48 · 463 阅读 · 1 评论 -
vue 透传 Attributes
透传 attribute”指的是传递给一个组件,却没有被该组件声明为 props 或 emits 的 attribute 或者v-on事件监听器。最常见的例子就是classstyle和id。原创 2023-08-10 14:38:18 · 256 阅读 · 1 评论 -
vue 父子组件生命周期执行顺序
执行顺序为: 父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted。执行顺序为: 父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed。执行顺序为: 父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated。原创 2023-06-12 22:28:35 · 852 阅读 · 0 评论 -
Vue 组件中的 data 为什么是函数?
具体来说,当我们在组件中定义data为一个对象时,这个对象会被所有组件实例共享,如果其中一个组件改变了data的值,那么其它所有使用同一个data对象的组件都会受到影响。而当我们将data定义为一个函数时,每个组件都会调用这个函数,返回一个新的对象,这样每个组件都拥有了自己独立的data对象,彼此之间不会产生影响。在Vue组件中,data为什么是函数是因为组件是可以复用的,如果每个组件都使用同一个data对象,那么当一个组件改变了data的值,其它组件的data也会被改变,这显然是不合理的。原创 2023-05-07 21:23:56 · 1098 阅读 · 0 评论