随笔分类 - Vue
摘要：shallowRef 创建一个响应式数据，但只对顶层属性进行响应式处理,只跟踪引用值的变化，不关心值内部的属性变化 import {shallowRef} from "vue" import UserInfo from "@/components/UserInfo.vue"; let name =
阅读全文
摘要：Vue3组件通信和Vue2`的区别： 移出事件总线，使用mitt代替 vuex换成了pinia 把.sync优化到了v-model里面 把$listeners所有的东西，合并到$attrs $children被移除 自定义事件(与vue2语法差异) 自定义事件常用于子组件向父组件传递数据 原生事件:
阅读全文
摘要：Pinia 是 Vue.js 的一个状态管理库，用于在 Vue 应用程序中管理共享状态。它是 Vuex 的后继者，提供了一个简单、直观且灵活的方式来处理应用中的全局状态，比如用户登录信息、应用配置、购物车数据等。 与 Vuex 相比，Pinia 有更简洁的 API 和更好的类型支持（在 Type -
阅读全文
摘要：基本使用(与vue2语法有差异) 安装vue-router，vue3需要使用vue-router的4版本 npm i vue-router@4 编写路由文件 // 引入createRouter import {createRouter, createWebHistory} from "vue-rou
阅读全文
摘要：基本类型的响应式数据 在 Vue 3 中，ref是一个函数，用于创建响应式的数据。它主要用于处理基本类型（如数字、字符串、布尔值等）的数据响应式 当我们调用 ref 函数时，会返回一个包含一个 .value 属性的对象。这个对象会被转换成 Proxy 对象，通过拦截 getter 和 setter
阅读全文
摘要：OptionsAPI与COmpositionAPI 选项式APi Vue2的AP设计是Options（配置、选项式）风格的 Options类型的 API，数据、方法、计算属性等，是分散在：data、methods、computed中的，若想新增或者修改一个需求，就需要分别修改：data、method
阅读全文
摘要：vue-cli处于维护模式，也可以使用脚手架正常创建vue3项目，与vue2创建方式一致 官方推荐使用vite创建项目 vite 是新一代前端构建工具,官网地址 轻量快速的热重载（HMR），能实现极速的服务启动。 对 TypeScript、JSX、CSS 等支持开箱即用 真正的按需编译，不再等待整个
阅读全文
摘要： Vue 中的路由用于实现单页应用（SPA）中的页面导航。它允许你在不刷新整个页面的情况下，根据不同的 URL 路径显示不同的组件，提供了类似于多页面应用的用户体验。例如，在一个电商应用中，可以通过路由实现从首页到商品详情页、购物车页和用户个人中心页等不同页面的切换 Vue Router（Vu
阅读全文
摘要：专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应 用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信 应用场景: 多个组件依赖于同一状态、共享数据 来自不同组件的行为需要变更同一状态 vuex vuex原理 每一个 Vu
阅读全文
摘要：解决跨域问题 配置代理服务器 代理服务器位于前端应用（客户端）和真实的后端服务器之间。当配置了代理服务器后，前端应用的请求不再直接发送到后端服务器，而是发送到代理服务器。代理服务器在接收到请求后，会根据预先配置的规则将请求转发到真正的后端服务器。例如，在 Vue 项目的开发服务器配置中，如果前端应用
阅读全文
摘要：Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台） https://cli.vuejs.org/zh/ 使用脚手架 安装脚手架 npm install -g @vue/cli 使用脚手架创建一个项目 vue create vue-demo 进入目录启动服务 npm run serve 脚
阅读全文
摘要：模块:向外提供特定功能的js呈现 组件:用来实现局部(特定)功能效果的代码集合 模块化:当应用中的 js 都以模块来编写的, 那这个应用就是一个模块化的应用 组件化:当应用中的功能都是多组件的方式来编写的, 那这个应用就是一个组件化的应用 编写组件-非单文件组件 非单文件组件:一个文件中包含有n个组
阅读全文
摘要：vue简介 vue中文官网 动态构建用户界面的渐进式 JavaScript 框架 vue的特点: 遵循MVVM模式 采用组件化模式，提高代码复用率，让代码更好维护 声明式编码，无需直接操作DOM，提高开发效率，编码简洁、体积小，运行效率高 本身只关注UI，也可以引入其他三方库开发项目 使用虚拟DOM
阅读全文
