木子七

2024年11月28日

摘要： shallowRef 创建一个响应式数据，但只对顶层属性进行响应式处理,只跟踪引用值的变化，不关心值内部的属性变化 import {shallowRef} from "vue" import UserInfo from "@/components/UserInfo.vue"; let name = 阅读全文

posted @ 2024-11-28 16:22 木子七阅读(60) 评论(0) 推荐(0)

vue3-组件通信

摘要： Vue3组件通信和Vue2`的区别：移出事件总线，使用mitt代替 vuex换成了pinia 把.sync优化到了v-model里面把$listeners所有的东西，合并到$attrs $children被移除自定义事件(与vue2语法差异) 自定义事件常用于子组件向父组件传递数据原生事件: 阅读全文

posted @ 2024-11-28 15:28 木子七阅读(413) 评论(0) 推荐(1)

vue3-Pinia

摘要： Pinia 是 Vue.js 的一个状态管理库，用于在 Vue 应用程序中管理共享状态。它是 Vuex 的后继者，提供了一个简单、直观且灵活的方式来处理应用中的全局状态，比如用户登录信息、应用配置、购物车数据等。与 Vuex 相比，Pinia 有更简洁的 API 和更好的类型支持（在 Type - 阅读全文

posted @ 2024-11-28 11:51 木子七阅读(1166) 评论(0) 推荐(0)

2024年11月27日

vue3-路由Router

摘要：基本使用(与vue2语法有差异) 安装vue-router，vue3需要使用vue-router的4版本 npm i vue-router@4 编写路由文件 // 引入createRouter import {createRouter, createWebHistory} from "vue-rou 阅读全文

posted @ 2024-11-27 18:38 木子七阅读(949) 评论(0) 推荐(0)

vue3-setup中使用响应式

摘要：基本类型的响应式数据在 Vue 3 中，ref是一个函数，用于创建响应式的数据。它主要用于处理基本类型（如数字、字符串、布尔值等）的数据响应式当我们调用 ref 函数时，会返回一个包含一个 .value 属性的对象。这个对象会被转换成 Proxy 对象，通过拦截 getter 和 setter 阅读全文

posted @ 2024-11-27 15:30 木子七阅读(546) 评论(0) 推荐(1)

2024年11月26日

vue3-setup基本使用(非响应式数据)

摘要： OptionsAPI与COmpositionAPI 选项式APi Vue2的AP设计是Options（配置、选项式）风格的 Options类型的 API，数据、方法、计算属性等，是分散在：data、methods、computed中的，若想新增或者修改一个需求，就需要分别修改：data、method 阅读全文

posted @ 2024-11-26 18:42 木子七阅读(378) 评论(0) 推荐(1)

vue3-使用vite创建项目

摘要： vue-cli处于维护模式，也可以使用脚手架正常创建vue3项目，与vue2创建方式一致官方推荐使用vite创建项目 vite 是新一代前端构建工具,官网地址轻量快速的热重载（HMR），能实现极速的服务启动。对 TypeScript、JSX、CSS 等支持开箱即用真正的按需编译，不再等待整个阅读全文

posted @ 2024-11-26 17:21 木子七阅读(146) 评论(0) 推荐(0)

vue2-路由Router

摘要： Vue 中的路由用于实现单页应用（SPA）中的页面导航。它允许你在不刷新整个页面的情况下，根据不同的 URL 路径显示不同的组件，提供了类似于多页面应用的用户体验。例如，在一个电商应用中，可以通过路由实现从首页到商品详情页、购物车页和用户个人中心页等不同页面的切换 Vue Router（Vu 阅读全文

posted @ 2024-11-26 14:46 木子七阅读(1085) 评论(0) 推荐(1)

2024年11月22日

vue2-vuex

摘要：专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信应用场景: 多个组件依赖于同一状态、共享数据来自不同组件的行为需要变更同一状态 vuex vuex原理每一个 Vu 阅读全文

posted @ 2024-11-22 16:46 木子七阅读(283) 评论(0) 推荐(0)

2024年11月21日

vue2-代理服务器&插槽

摘要：解决跨域问题配置代理服务器代理服务器位于前端应用（客户端）和真实的后端服务器之间。当配置了代理服务器后，前端应用的请求不再直接发送到后端服务器，而是发送到代理服务器。代理服务器在接收到请求后，会根据预先配置的规则将请求转发到真正的后端服务器。例如，在 Vue 项目的开发服务器配置中，如果前端应用阅读全文

posted @ 2024-11-21 18:06 木子七阅读(216) 评论(0) 推荐(0)

Loading

公告