- 博客(5)
- 收藏
- 关注
RSS订阅原创 vue的组件通信方法(9种)
主要是祖孙之间传值 父组件下面有子组件a 子组件a下面又有 子组件b 在父组件里还是用自定义属性和自定义事件传 在子组件a下面绑定v-bind="$attrs" v-on="$listeners" 在子组件b下面通过$attrs 拿数据 通过 $emit 调用方法。⼦组件通过this.$emit("⾃定义的事件的名字",要传给⽗组件的数据), ⽗组件通过⼦组件的标签监听⾃定义的时间,最后在父组件接收使用就可以了 子传父的使用场景：在子组件中有删除等方法的时候要在子组件把下标传到父组件操作数据。
2022-10-19 11:27:56
1274
原创 methods computed watch的区别
computed 是计算属性 需要return计算的结果 并且有缓存功能 只有跟他有关的值发生变化才会重新计算 否则就从缓存里拿 通常用来计算总数和总价 比如购物车功能就会用到计算属性。watch 监听属性 有三个参数 handler(执行函数) deep(深度监听) immediate(立即监听)watch的使用场景 存本地存储的时候 只要数据变了就要重新存一次 那么就可以用watch实现。如果不需要depp和immediate的时候就会简写成一个函数。watch可以监听data数据还有监听路由的变化。
2022-10-18 20:39:53
183
原创 vue的路由守卫？
vue路由守卫就是当我们进行页面跳转的时候会触发的钩子函数,vue一共有三种路由守卫第一种是全局路由守卫 beforeEach路由进入之前 beforeResolve 路由解析之前 afterEach 路由离开之前第二种是组件集守卫 beforeRouteEnter路由进入之前 beforeRouteUpdate路由更新之前 beforeRouteLeave路由离开之前。
2022-10-18 20:36:47
577
原创 vue生命周期函数
⻚⾯⼀开始加载的时候就会触发创建前后和挂载前后的钩⼦函数, ⽽更新的钩⼦函数需要当我们改变data的时候才能触发,⽐如点击按钮,执⾏⼀个⽅法,在这个⽅式⾥⾯给data⾥⾯属性重新复制操作,这个时候就会执行更新的钩⼦函数, 销毁的钩⼦函数是组件进⾏切换的时候就会进⾏销毁.生命周期函又叫钩子函数，就是vue实例从创建到销毁的过程中，到了某一节点会自动触发的钩子函数。created 创建之后 这个是第一个能拿到data和methods来用的钩子函数。创建阶段的钩子函数只会执行一次。
2022-10-18 20:13:25
573
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人