logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

composition API和option API

Option API —— 又称选项API(vue2.x)以vue为后缀的文件,通过定义methods,computed,watch,data等页面语法,共同处理页面逻辑缺点:1. 随着组件功能的增大,关联性大大降低,阅读难2. 逻辑过多时this会出现指向不明等问题3. 代码出错时,自动检测和类型检查是失效的,因为本身不是有效的js】代码composition API —— 组合API(vue3

#vue.js#javascript#前端
vue3基础 —— 数据绑定

1. {{data.number}}:文本绑定2. v-bind:单向绑定(缩写:)——常用但不局限于style、class、attribute绑的是html元素的属性或者组件的prop,而不是像model那样绑的是表单控件的值v-bind配合事件,也能实现双向绑定3. v-model:双向绑定——常用于input、select、textarea中只能用在html表单控件上(还有自定义组件),其他

#vue.js
layer——msg

<div><div><button id="btn1">msg弹窗,默认停留三秒</button><br><br><button id="btn2">msg弹窗,默认停留一秒</button><br><br>...

#html#前端#css
vue3基础 —— 子传父

须知:vue里子组件无法改变父组件的值思路:1. 父组件定义数据 ——const data = ref(false)2.把值传递给子组件 —— :sendData = "data"3.子组件接收数据,使用、修改完成后 —— props: ["sendData"] ——const a = props.sendData ——a =true4.触发父组件事件,传值 ——emit("emitEffect"

#vue.js#前端
到底了