![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 95
Vue
学不死就往死里学
这个作者很懒,什么都没留下…
展开
-
vue3.0组件通信
自定义事件用于父子组件间的通信,子给父传参两个角度分析元素绑定绑定原生事件 – 关注 事件类型(系统内置事件) 和 触发机制(浏览器触发)绑定自定义事件 – 无意义,没有触发机制组件绑定绑定原生事件v2中所有绑定在组件标签上的原生事件都会被理解成自定义事件,需要使用.native才能转成原生事件v3中所有绑定在组件标签上的原生事件会自动绑定到子组件的根标签上转变为原生事件, .native被移除了v3注意两个:没有根标签,原生事件将变成自定义事件。原创 2023-08-15 20:26:41 · 857 阅读 · 0 评论 -
vue3.0的使用
封装获取鼠标实时位置// 需求:将获取鼠标实时位置的功能封装成一个hook函数// 这里单独的功能封装到一个hook函数中,把需要的结果return出去// 在需要使用这个功能的时候引入这个函数即可// 自定义hook函数用来替代之前vue2当中的mixin// 解构,解构出pageX然后给pageX起了一个别名为x// 挂载})// 销毁 - 解绑事件})return {pageX,pageY使用。原创 2023-08-12 08:24:01 · 242 阅读 · 0 评论 -
vue2-组件通信
实现子给父传参事件分为 原生事件 和 自定义事件一、原生事件事件类型 - click - 在原生事件中,事件类型一定是有限个数触发机制 - 浏览器触发的,触发的时候会给函数传一个事件对象event,事件对象是浏览器生成的原生事件关于$event函数不加小括号 - 默认系统触发原生事件的时候,第一个参数是 事件对象函数加小括号 - 加小括号的时候,如果需要事件对象必须使用$event(底层上是当前这个函数外部套了一层函数,套的这个函数形参是$event,我们用的就是这个形参)原创 2023-08-10 20:57:41 · 524 阅读 · 0 评论 -
vue 2.0 的使用
数据代理(简单,vm目的:让程序员更加方便的读取、修改到_data中属性。。vm身上有_data里的所有属性,且有每一个属性,都有自己的。当修改vm上的属性时,该属性对应的就会调用,去修改_data中对应的属性。当读取vm上的属性时,该属性对应的就会调用,去读取_data中对应的属性。数据劫持(_data目的:为了实现响应式(什么是响应式?—— 数据变页面自动更新),有了数据劫持,就可以捕获到数据的改变,进而重新解析模板,更新界面。。_data形式。当修改_data。原创 2023-07-10 19:53:10 · 1197 阅读 · 0 评论