- 博客(16)
- 收藏
- 关注
原创 computed&v-model 父子组件数据传递(保留单项数据流,简化代码)
最笨的办法呢,在子组件里面就不能用v-model了,不然的话文本框一变,父组件的数据不就跟着改了吗,所以得把它拆开,拆成两个,一个是:modelValue,另一个是@update:modelValue,当事件触发的时候我调用这个函数。// val只是modelValue里面其中一个属性,但是要传的是modelValue对象,所以做个简单处理啦~~我改变的是model里面keyword属性,计算属性set是收不到通知的,无法触发。打破了单项数据流,每次打破单项数据流,你的工程就离屎山更近一步 ~~
2024-05-13 20:38:48 738 1
原创 组件封装(学习记录)
/ 把所有属性名和属性值提到当前实例里面去。2、引用组件 MyInput.vue。1、组件 MyInput.vue。// 这样子就能拿到了里面的方法。
2024-05-09 21:15:50 151 1
原创 webSocket不同环境下的配置
1、先上图(前端只能这样传token,后端会拿不到,让他去处理,还是不传最香呀呀呀)3、预发布环境配置(ws:预发布环境ip地址加端口,IP地址不知道可以看宝塔的)到这里只是本地连接预发布跑起来了,之后我都改啦~2、你连接后端的地址 ws:后端地址+端口。宝塔里对应的配置(打开宝塔,网站->设置)哎嘿,是不是上传到线上就报错啦~
2023-11-27 10:56:39 427 1
转载 uniapp怎么传递对象
1、在跳转前需要将传递的对象参数转化为JSON字符串,然后用encodeURIComponent进行编码,拼接在url后面。2、跳转成功后通过onLoad事件获取传递的对象参数,并使用decodeURIComponent解码,然后转为对象。
2023-10-06 10:12:41 284 1
原创 vue3基础_$event、ref、fragment和teleport
传送,能将特定的 html 结构(一般是嵌套很深的)移动到指定的位置,解决 html 结构嵌套过深照成的样式影响或不好控制的问题。7.在App.vue 的 parent上面加点击事件,相当于直接在parent.vue 的根组件加点击事件。vue3组件可以没有根标签,其内部会将多个标签包含在一个 fragment 虚拟元素中。// 明确告诉它是自定义的,那handleClick的点击就不会生效。减少内存占用以及不必要的层级嵌套。
2023-04-15 22:50:18 1433
原创 vue3基础_组件通信
(3)想要在script标签内使用传递过来的数据,必须用一个数据接收,再使用。(2)通过 defineProps 中定义的 count 只能在模板中使用。context 里面包含三个参数:emit ,attrs ,slots。provide提供数据,inject消费数据。(1)在父组件引入子组件时无需注册。(2)使用defineEmits。定义后也能在模板中使用emit。(1)在模板中使用$emit。
2023-04-13 10:16:21 34
原创 watch监听reactive的内部数据的变化
监听对象的时候 newValue 和 oldValue 是全等的。watch监听 reactive 的内部数据。监听reactive。
2023-04-12 15:49:23 121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人