VUE学习
关注
分享
扫一扫
TomKing9
这个作者很懒，什么都没留下…
展开
-
组件通讯之自定义事件通讯
组件通讯之自定义事件通讯实现兄弟组件之间的通讯vue实例具有自定义事件的能力import Vue from 'vue'export default new Vue()绑定自定义事件mounted() { event.$on('onAddTitle', this.addTitleHander) },触发自定义事件 event.$emit('onAddTitle', this.title)即使解绑自定义事件，否则容易造成内存泄漏，因为它一直是绑定在vue实例里原创 2021-12-30 19:22:05 · 509 阅读 · 0 评论 -
计算属性computed 和 侦听器watch
计算属性computed 和 侦听器watchcomputedcomputed有get（）和set（）方法 -get 用来从依赖数据计算获取属性的值。 -set 用来设置依赖数据的值。默认只有get方法当相关依赖的值改变时，触发get方法。当计算属性的值改变时，触发set方法。否则缓存起来。computed的值不可以在data中定义和赋值。只能够通过get计算获得computed 无法支持异步操作，当有异步操作时computed无效watch 可以支持异步操作w原创 2021-12-30 19:09:36 · 439 阅读 · 0 评论 -
count加法器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-13 09:15:55 · 211 阅读 · 0 评论 -
counter求和功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-07-13 07:16:01 · 236 阅读 · 0 评论 -
vue组件通信-子传父
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>组件通原创 2021-04-02 01:19:44 · 247 阅读 · 4 评论 -
VUE父子间通信-父传子-props
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-04-01 23:47:09 · 243 阅读 · 0 评论