关于Vue
文章平均质量分 62
Coder_xuxu
热爱生活,记录学习。
展开
-
关于watch和computed的执行时机
一切的一切都是因为封装一个简单的进度条组件而引发的原创 2022-07-08 13:23:33 · 1754 阅读 · 2 评论 -
Vue2组件间通信-全局事件总线
Vue2中组件间通信系列,本篇是关于任意组件间传值传值的介绍,这里我会用通俗的语言帮助大家理解全局事件总线原创 2021-09-04 10:37:03 · 1619 阅读 · 3 评论 -
Vue2组件间通信---子传父值自定义事件
Vue2组件间通信—子传父值自定义事件Vue2中组件间通信系列,本篇是关于子组件向父组件传值的介绍,这里我会用通俗的语言帮助大家理解自定义事件功能:父组件可以接受到子组件传递的数据,适用于组件间通信。原理:子组件要给父组件传递数据,此时要在父组件中给子组件绑定一个自定义事件,回调写在父组件中。那么触发这个自定义事件的就是子组件,传递的参数就是子组件要给父组件传递的数据。绑定自定义事件的两种方式:第一种方式:父组件:<template> <div>原创 2021-09-03 12:02:04 · 3301 阅读 · 2 评论 -
Vue2组件间通信——父传子值props
Vue2组件间通信——父传子值propsVue2中组件间通信系列,本篇是关于父组件向子组件传值的介绍,这里我会用通俗的语言帮助大家理解props配置项功能:子组件可以接收到父组件传递的数据信息,适用于组件间通信,对于父传子props配置相相对来说是较为方便的传递方式:<template> <div> <Son :msg="Str" :Job='job'/> </div></template><script&原创 2021-09-02 11:28:41 · 8863 阅读 · 5 评论 -
Vue3 ref和reactive函数的使用和区别以及响应式
Vue3中的的ref函数和reactive函数及其浅层次响应式原理 在这里我会用通俗易懂的语言和浅层次的原理来帮助学习Vue的小伙伴去理解ref函数和reactive函数和二者的区别以及其响应式原理,帮助大家少走弯路。这里对于不会描述底层核心代码,想了解底层原理的小伙伴可以去看上篇。ref函数:语法:const xxx = ref (initValue)接受的数据类型:基本类型,对象类型作用:把参数加工成一个响应式对象,全称为reference对象(我们下面一律简称为ref对象)核心原理原创 2021-09-01 15:48:03 · 2033 阅读 · 6 评论