- 博客(12)
- 收藏
- 关注
RSS订阅原创 Vue中的sync修饰符
这个子组件接受一个来自外部的money变量，这个子组件的需求是，当点击按钮时，money数据改变的同时，也伴随着父组件数据的改变，但是这一点对于Vue本身来说是不允许的，因为Vue规定了子组件不能直接修改父组件的数据，会报错。也就是说，sync修饰符的功能是：当一个子组件改变了一个来自外部（prop）的值时，这个值的变化也会绑定到父组件，使父组件中的值也进行更新。这里父组件用sync监听到了子组件上数值的变化，并进行双向绑定，同时修改了父子组件中的数据。但是父组件用sync修饰符就可以很简单的做到这一点。
2023-08-10 15:33:48
321
1
原创 vue 透传 Attributes
透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者v-on事件监听器。最常见的例子就是classstyle和id。
2023-08-10 14:38:18
180
1
原创 js 类中的constructor
在构造函数中，会将传入的参数赋值给类的实例变量。constructor是JavaScript中的一个特殊方法，它是在创建一个新的对象实例时自动调用的。constructor方法会在一个类被实例化时执行，用于初始化该实例的属性值。在这个例子中，constructor方法用于初始化Person类的两个属性：name和age。在上面的代码中，person1和person2都是Person类的实例，它们的name和age属性会根据传递给构造函数的值进行初始化。
2023-08-06 23:21:32
793
1
原创 vue2 中的 global
Vue中的全局变量和方法通常被用在多个组件之间需要共享数据或者方法的场景中，因为在Vue的组件中，我们通常是不推荐直接访问其他组件的数据或者方法。另外，在Vue中，我们还可以使用Vue.mixin来创建全局混入，它可以让我们把一些常用的逻辑和代码封装起来，然后在所有组件中共享这些逻辑和代码。在Vue中，我们可以使用Vue对象的方法，来创建全局变量和方法。以上就是Vue中的全局变量和方法的详细介绍，全局变量和方法可以让我们在多个组件之间共享数据和方法，同时全局混入也能让我们方便地共享逻辑和代码。
2023-07-31 19:00:38
703
1
原创 vue 父子组件生命周期执行顺序
执行顺序为： 父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted。执行顺序为： 父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed。执行顺序为： 父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated。
2023-06-12 22:28:35
777
原创 npm第三放包工具 qs包的使用
qs.stringify()是将对象序列化成url的形式，以&拼接。主要包括: qs.stringify()、qs.parse()qs.parse()是将url解析成对象的形式。
2023-06-01 10:11:49
762
1
原创 Vue 组件中的 data 为什么是函数?
具体来说，当我们在组件中定义data为一个对象时，这个对象会被所有组件实例共享，如果其中一个组件改变了data的值，那么其它所有使用同一个data对象的组件都会受到影响。而当我们将data定义为一个函数时，每个组件都会调用这个函数，返回一个新的对象，这样每个组件都拥有了自己独立的data对象，彼此之间不会产生影响。在Vue组件中，data为什么是函数是因为组件是可以复用的，如果每个组件都使用同一个data对象，那么当一个组件改变了data的值，其它组件的data也会被改变，这显然是不合理的。
2023-05-07 21:23:56
837
原创 js中的 ？. 可选链运算符 和 ？？空值合并运算符 的作用及区别
可能有的小伙伴会说用三木运算符、或者if判断，但是这种也是可以的，但是在特定情况下会很复杂（如obj.data.person.name) 而?. 可以无限链下去，不论有多少属性，只要有最后可以访问到属性，就会直接赋值最后的属性值。1. || 只会在左边的值为假值时返回右边的值 (0, '', undefined, null, false 等都为假值)是在左边的值为undefined或者null时才会返回右边的值。而在真实的项目中是会出现这种情况，有这个值就读这个值，没有这个值也不会报错。
2023-04-21 11:16:17
39
原创 for循环遍历 ES5中for in 和 ES6中的for of的区别？
for in 和 for of 都可以循环数组，for in 输出的是数组的下标索引，而for of 输出的是数组的每一项的值。区别二：for in 可以遍历对象，for of 不能遍历对象，只能遍历带有iterator接口的，例如Set,Map,String,Array。总结：for in适合遍历对象，for of适合遍历数组。for in遍历的是数组的索引，对象的属性，以及原型链上的属性。
2023-04-13 09:21:56
101
1
原创 js中 数组的keys() values() entries() 方法的区别
entries() 返回数组的键值对，一对键值对是一个数组。values() 返回数组每一项的值。keys() 返回数组的下标索引。
2023-04-13 09:07:11
541
原创 Vue 中 template 标签为什么不可以使用 v-show？
因为 v-show 是通过 display 来控制标签进行渲染的，但是 template 标签在 vue 解析后是不会显示在页面上的 ，是虚拟 Dom，所以无法使用 v-show，但是 v-if 是可以使用在 template 标签上，因为 v-if 是条件渲染，只要满足 v-if 后的条件就可以完成渲染。
2023-04-12 15:01:03
768
1
原创 vue2中的native修饰符
发现这样操作是不可行的，因为当事件添加到Vue组件上时，会变成一个自定义事件。1. native修饰符可以让父组件接收到原生事件, 否则只能接收自定义事件(通过子组件$emit触发)native修饰符原理：添加了native修饰符的组件其实就是在组件的根标签上添加了一个事件监听。2. native修饰符只能用在组件上, 不能用在原生标签上。当我们在Vue组件中添加原生的DOM事件可以么？那么该如何给组件添加原生的DOM事件呢？另一种是自定义事件，如加在。上的事件，如：父子组件通信。
2023-03-21 09:36:37
481
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人