首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue3学习笔记
学徒小刘
创建于2023-05-19
订阅专栏
vue3学习笔记
暂无订阅
共8篇文章
创建于2023-05-19
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vue3(一)模板插值语法和指令
模板插值语法,在script中声明一个变量,可以直接在template中使用,事件修饰符,vue指令
vue3(二)生命周期
vue3生命周期 简单来说就是组件从创建到销毁的一个过程 vue3的组合式api(Composition API),vue2,3生命周期对比
vue3(三)绑定class、style
绑定class、styls 绑定对象 给 :class (v-bind:class 的缩写) 传递一个对象来动态切换 class active 是否存在,取决于 isActive 是否为 true。
vue3(四)父子组件传值
父子组件传值 ###父组件给子组件传值 js 父组件,通过v-bind,简写":",绑定一个数据 子组件,通过defineProps接收 Ts 父组件还是一样 子组件写法稍微有点不同 还有一种ts特有
vue3(四)兄弟组件传值,事件总线-mitt
在Vue3中事件总线模式已经被移除,官方建议使用外部的、实现了事件触发器接口的库,例如 mitt。。
vue3(五)ref,reactive,toRef
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property,指向该内部值。 isRef 判断是不是一个 ref 对象 shallowRef 创建
vue3(六)computed、watch、watchEffect
计算属性是当依赖的属性的值发生变化的时候,才会触发他的更改,如果依赖的值没变化的时候,使用的是缓存中的属性值。。
vue3(七)slot插槽
匿名插槽、具名插槽、作用域插槽、动态插槽名,插槽内容可以是任意合法的模板内容,不局限于文本。例如我们可以传入多个元素,甚至是组件。