简介
该用户还未填写简介
擅长的技术栈
可提供的服务
暂无可提供的服务
Option API —— 又称选项API(vue2.x)以vue为后缀的文件,通过定义methods,computed,watch,data等页面语法,共同处理页面逻辑缺点:1. 随着组件功能的增大,关联性大大降低,阅读难2. 逻辑过多时this会出现指向不明等问题3. 代码出错时,自动检测和类型检查是失效的,因为本身不是有效的js】代码composition API —— 组合API(vue3
1. {{data.number}}:文本绑定2. v-bind:单向绑定(缩写:)——常用但不局限于style、class、attribute绑的是html元素的属性或者组件的prop,而不是像model那样绑的是表单控件的值v-bind配合事件,也能实现双向绑定3. v-model:双向绑定——常用于input、select、textarea中只能用在html表单控件上(还有自定义组件),其他
<div><div><button id="btn1">msg弹窗,默认停留三秒</button><br><br><button id="btn2">msg弹窗,默认停留一秒</button><br><br>...
须知:vue里子组件无法改变父组件的值思路:1. 父组件定义数据 ——const data = ref(false)2.把值传递给子组件 —— :sendData = "data"3.子组件接收数据,使用、修改完成后 —— props: ["sendData"] ——const a = props.sendData ——a =true4.触发父组件事件,传值 ——emit("emitEffect"