前端开发Vue框架学习
文章平均质量分 70
让结构清晰化
冰冰好可爱呀
前端开发小白探索之路
可可爱爱
展开
-
Vue中计算属性和监听属性
computed和method对比:两个效果都是一样的,只不过computed基于它的依赖缓存,只有相关依赖发生变化才会重新获取值,而使用methods在重新渲染时,函数总会调用执行。4.只会去监测数据值是否发生变化,而不会去监测数据的地址是否发生变化,要深度监测,需要配合deep:true属性使用。Vue中可以通过watch进行某个值的监听,当值发生变化时,运行对应的逻辑。1.watch的函数名必须和data中的数据名保持一致。3.watch中的函数是不需要调用的。1.必须有return返回。原创 2022-09-28 15:41:45 · 891 阅读 · 0 评论 -
Vuex实现任意组件间通信
3)mutations:提交更新数据的方法,必须是同步的,如果需要异步使用action,每个mutations都有一个字符串的事件类型(type),和一个回调函数(handler)。①Action提交的是mutations,而不是直接变更状态,Actions里不可以更改state里的数据,state里的数据只能在Mutations里更改。简单的说,它就是一个Promise方法,通过不同的状态执行不同的方法,执行方法可以是Actions里的方法,也可以是Mutations里的方法。原创 2022-09-23 17:17:33 · 514 阅读 · 1 评论 -
Vue 组件间通信常用的五种方式
在子组件中修改了值,父组件也会立即更新,此时v-model就可以实现这种需求,使用v-model的过程中,父组件我们还是需要正常将子组件引入,只是传值的方式变成了v-model。在上面例子中,子组件通过$emit绑定一个自定义事件,并携带需要传递给父组件的数据,父组件通过v-on绑定该事件来监听子组件的触发事件。主要用于父子组件间通信,父组件向子组件传递数据是通过props传递的,子组件向父组件传递数据是通过$emit触发事件做到的。使用 this.$children查找当前组件的直接子组件,可以。原创 2022-09-23 10:00:31 · 785 阅读 · 0 评论