首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue
訾博ZiBo
创建于2021-06-16
订阅专栏
vue学习笔记
等 3 人订阅
共40篇文章
创建于2021-06-16
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue 3 父子组件互调方法 - setup 语法糖写法
Vue 3 父子组件互调方法 @[toc] 一、父组件调用子组件方法 1、子组件 2、父组件 3、测试结果 4、关于 defineExpose 的官方文档 defineExpose 使用 <scrip
【Vue Router】002-动态路由匹配
1.2 动态路由匹配 1.2.1 概述 在实际项目开发时,经常需要把匹配某种模式的路由映射到同一个组件。比如,对于 Book 组件,所有 id 不同的图书都使用这个组件渲染,这可以使用路径中的动态段(
【Vue Router】001-感受前端路由
1 使用 Vue Router 开发单页应用 1.1 感受前端路由 1.1.1 HTML 页面使用路由 第一步:通过 CDN 引入 Vue-Router 第二步:使用 router-link 组件设置
【Vue3 从入门到实战 进阶式掌握完整知识体系】037-Composition API:Provide,Inject,模版Ref的用法
8、Provide,Inject,模版Ref的用法 基本使用 运行结果 子组件修改父组件传递过来的数据 运行结果 子组件让父组件修改父组件里面的数据 运行结果 禁止自组件对父组件传递过来的数据进行修改
【Vue3 从入门到实战 进阶式掌握完整知识体系】036-Composition API:生命周期函数新写法
7、生命周期函数新写法 简单使用 运行结果【Vue3 从入门到实战 进阶式掌握完整知识体系】036-Composition API:生命周期函数新写法
【Vue3 从入门到实战 进阶式掌握完整知识体系】035-Composition API:watch和watchEffect的使用和差异性
6、watch和watchEffect的使用和差异性 watch基本使用 运行结果 监听对象 运行结果 同时监听多个目标 运行结果 watchEffect基本使用 运行结果 停止监听 运行结果 使wa
【Vue3 从入门到实战 进阶式掌握完整知识体系】034-Composition API:computed方法生成计算属性
5、computed方法生成计算属性 简单使用 运行结果 计算属性内使用get和set方法 运行结果 使set接收参数 运行结果 使用对象 运行结果
【Vue3 从入门到实战 进阶式掌握完整知识体系】033-Composition API:使用 Composition API 开发TodoList
4、使用 Composition API 开发TodoList 实现简单的添加列表 运行结果 封装优化 运行结果
【Vue3 从入门到实战 进阶式掌握完整知识体系】032-Composition API:toRef和context
3、toRef和context 使用toRef 运行结果 context中的attrs和slots 运行结果 context中的emit 运行结果
【Vue3 从入门到实战 进阶式掌握完整知识体系】031-Composition API:ref,reactive 响应式引用的用法和原理
2、ref,reactive 响应式引用的用法和原理 动态改变setup中定义的属性 运行结果 使用ref是基本数据类型变成响应式 运行结果 实际上ref也能处理非基本类型的数据 运行结果 使用rea
【Vue3 从入门到实战 进阶式掌握完整知识体系】030-Composition API:Setup函数的使用
六、Composition API 1、Setup函数的使用 代码 运行结果 setup内部更多写法 运行结果 Composition API 和 Options API 中的同名属性 运行结果 参数
【Vue3 从入门到实战 进阶式掌握完整知识体系】029-Vue中的高级语法:数据校验插件
6、数据校验插件 先使用app.mixin实现校验 运行结果 通过插件实现 运行结果数据校验插件 先使用app.mixin实现校验 运行结果 通过插件实现 运行结果
【Vue3 从入门到实战 进阶式掌握完整知识体系】028-Vue中的高级语法:插件的定义和使用
5、插件的定义和使用 基本写法 运行结果 使用插件做更多事情 运行结果插件的定义和使用 基本写法 运行结果 使用插件做更多事情 运行结果
【Vue3 从入门到实战 进阶式掌握完整知识体系】027-Vue中的高级语法:更加底层的render函数
4、更加底层的render函数 通过render函数实现显示不同的h标签 运行结果 render函数和template对比 执行逻辑 无限嵌套render 运行结果
【Vue3 从入门到实战 进阶式掌握完整知识体系】026-Vue中的高级语法:Teleport传送门
3、Teleport传送门 给整个屏幕添加蒙层 运行结果 使用teleport传送门 运行结果 传送
【Vue3 从入门到实战 进阶式掌握完整知识体系】025-Vue中的高级语法:自定义vue指令
2、自定义vue指令 使用ref获焦点 运行结果 自定义指令实现获取焦点 运行结果 局部自定义指令 运行结果 说明 我们上面使用了生命周期函数 mounted ,实际上其他的生命周期函数也可以使用在自
【Vue3 从入门到实战 进阶式掌握完整知识体系】024-Vue中的高级语法:Mixin混入的基础语法
五、Vue中的高级语法 1、Mixin混入的基础语法 混入data 运行结果 混入生命周期函数 运行结果 组件和混入同时存在同一生命周期函数 运行结果 混入方法 运行结果 使用全局Mixin 运行结果
【Vue3 从入门到实战 进阶式掌握完整知识体系】023-Vue中的动画:状态动画
5、状态动画 代码 运行结果if(this.num < 10){ const animation = setInterval(() => { this.nu
【Vue3 从入门到实战 进阶式掌握完整知识体系】022-Vue中的动画:列表动画
4、列表动画 代码 运行结果 让其他列表项“温柔地”后移 运行结果 列表动画 代码 运行结果 让其他列表项“温柔地”后移 运行结果
【Vue3 从入门到实战 进阶式掌握完整知识体系】021-Vue中的动画:组件和元素切换动画的实现
3、组件和元素切换动画的实现 代码 运行结果 使得它们”出入有序“ 运行结果 第一次渲染页面就有动画效果 运行效果 多个单组件动画切换 运行结果
下一页