韩德才 - 博客园

2024年11月2日

摘要：什么是Pinia呢？ Pinia和Vuex的区别如何使用Pinia？定义一个Store 使用定义的Store 认识和定义State 操作State（一）在vuex中修改state中的数据必须要用mutations 操作State（二）认识和定义Getters 访问Getters（一）访问G 阅读全文

posted @ 2024-11-02 19:51 韩德才阅读(52) 评论(0) 推荐(0)

Vue全家桶–Vuex状态管理

摘要：什么是状态管理复杂的状态管理 Vuex的状态管理 Vuex的安装创建Store 组件中使用store 单一状态树组件获取状态在setup中使用mapState 在setup中不使用mapState获取值 getters的基本使用 getters第二个参数 getters的返回函数 mapGe 阅读全文

posted @ 2024-11-02 12:10 韩德才阅读(50) 评论(0) 推荐(0)

2024年11月1日

Vue全家桶-Vue-Router详解

摘要：前后端分离阶段 URL的hash HTML5的History 认识vue-router vue-router的使用路由的默认路径 history模式 router-link 路由懒加载打包效果分析路由的其他属性动态路由基本匹配获取动态路由的值 NotFound 匹配规则加* 路由的嵌套代阅读全文

posted @ 2024-11-01 22:56 韩德才阅读(27) 评论(0) 推荐(0)

Vue3 – Composition API

摘要： Options API的弊端认识Composition API setup函数的参数 setup函数的返回值 Reactive API 定义响应式复杂数据 Ref API 定义响应式数据 Ref自动解包 setup函数定义数据 ref 和 reactive的使用场景认识readonly read 阅读全文

posted @ 2024-11-01 12:35 韩德才阅读(36) 评论(0) 推荐(0)

2024年10月31日

Vue组件化–额外知识补充

摘要：认识生命周期生命周期的流程 1.创建组件实例之前回调beforeCreate函数 2.创建组件实例 3.创建组件实例之后回调create函数(1.发送网络请求 2.事件监听 3.this.$watch()组件监听) 4.对template模板进行编译 5.在挂载到虚拟DOM之前回调beforeMo 阅读全文

posted @ 2024-10-31 17:19 韩德才阅读(47) 评论(0) 推荐(0)

vue-组件通信-非父子组件的通信

摘要：非父子组件的通信 ◼ 在开发中，我们构建了组件树之后，除了父子组件之间的通信之外，还会有非父子组件之间的通信。 ◼ 这里我们主要讲两种方式： 全局事件总线； Provide/Inject；全局事件总线mitt库使用事件总线工具事件取消 Provide和Inject Provide和Inje 阅读全文

posted @ 2024-10-31 15:59 韩德才阅读(56) 评论(0) 推荐(0)

Vue组件化-插槽Slot

摘要：认识插槽Slot 如何使用插槽slot？插槽的默认内容多个插槽的效果具名插槽的使用 ◼ 事实上，我们希望达到的效果是插槽对应的显示，这个时候我们就可以使用具名插槽： 具名插槽顾名思义就是给插槽起一个名字，<slot> 元素有一个特殊的attribute：name； 一个不带name 的sl 阅读全文

posted @ 2024-10-31 15:45 韩德才阅读(24) 评论(0) 推荐(0)

Vue-组件化–组件间通信

摘要：认识组件的嵌套组件的拆分组件的通信父子组件之间通信的方式父组件传递给子组件 Props的数组用法数组语法存在的弊端: 1.不能对类型进行验证 2.没有默认值 Props的对象用法细节一：那么type的类型都可以是哪些呢？细节二：对象类型的其他写法细节三：Prop 的大小写命名非Pr 阅读全文

posted @ 2024-10-31 13:58 韩德才阅读(31) 评论(0) 推荐(0)

Vue组件化–知识补充

摘要：全局CSS和局部CSS 当我们需要CSS只在当前的.vue文件中生效可以在style后面添加scoped 创建vue项目的方式 1.Vue Cli:vue create 基于 >webpack 2.npm init vue@latest 基于-->vite 1.安装一个本地工具:create-vue 阅读全文

posted @ 2024-10-31 11:09 韩德才阅读(14) 评论(0) 推荐(0)

2024年10月30日

Vue CLI脚手架

摘要： Vue CLI脚手架 Vue CLI 安装和使用 vue create 项目的过程项目的目录结构 Vue CLI的运行原理阅读全文

posted @ 2024-10-30 18:54 韩德才阅读(8) 评论(0) 推荐(0)

hdc-web

公告