Vue
文章平均质量分 80
搜捕鸟了
记录私人学习笔记
展开
-
Vue3中Vuex的基本使用
Vue3中Vuex的基本使用。原创 2023-07-01 15:02:53 · 323 阅读 · 0 评论 -
Vue——状态管理库Pinia
Pinia 是一个新的状态管理库,也是专门为 Vue 3 开发的。它提供了一个类似于 Vuex 的状态管理模式,但采用最新的 Vue 3 API 构建。相比 Vuex,Pinia 更简单、更轻量,更加灵活,并支持 TypeScript 类型检查。原创 2023-05-24 21:32:02 · 2180 阅读 · 0 评论 -
Vue3+TS知识点补充
在 Vue 3 中,使用 `v-model` 与 Vue 2 中的用法略有不同,主要是因为 Vue 3 中有了新的 `setup()` 函数和 `reactive()` 函数,这些函数使得我们可以更方便地编写组件逻辑。在 Vue 3 中,`v-model` 可以使用 `modelValue` 和 `update:modelValue` 两个属性来实现双向数据绑定原创 2023-05-19 21:09:41 · 2185 阅读 · 0 评论 -
Vue2组件通信专题
props适用于的场景:父子组件通信注意事项:如果父组件给子组件传递数据(函数):本质其实是子组件给父组件传递数据。如果父组件给子组件传递数据(非函数):本质就是父组件给子组件传递数据。原创 2023-04-20 21:17:31 · 1023 阅读 · 1 评论 -
Vue3——组件间通信的五种常用方式
本文采用``语法糖的编写方式,比`options API`更自由。``语法糖详细内容看查看文档:[setup语法糖官方文档](https://cn.vuejs.org/api/sfc-script-setup.html)然后我们会讲以下五种常用的组件通信方式- props- emit- v-model- refs- provide/inject原创 2023-04-12 15:14:35 · 1672 阅读 · 0 评论 -
Vue3——一文入门Vue3
Vue3的优势1. 性能的提升打包大小减少41%,初次渲染快55%,更新渲染快133%,内存减少54%…2. 源码的升级使用Proxy代替defineProperty实现响应式,重写虚拟DOM的实现和Tree-Shaking原创 2023-04-09 11:17:11 · 631 阅读 · 0 评论 -
Vue3——getCurrentInstance()
Vue2中,可以通过this来获取当前组件实例; Vue3中,在setup中无法通过this获取组件实例,console.log(this)打印出来的值是undefined。在Vue3中,getCurrentInstance()可以用来获取当前组件实例原创 2023-04-06 13:09:07 · 454 阅读 · 0 评论 -
Vue——插槽
插槽的作用:Vue插槽是Vue中常见的一种组件间的相互通信方式,作用是让父组件可以向子组件指定位置插入html结构,适用于,在要接收数据的组件页面通过标签来表示,简单来说,。插槽的基本使用:这里我们选定App.vue作为父组件,Card.vue作为子组件,作为演示插槽基本使用的代码文件。App.vue运行结果:从上面的运行结果可以看到,插槽的基本使用是子组件自身内容正常显示,插入的内容是父组件向子组件插入的内容,并且插入的内容可以显示多条,如果没有插入内容,将显示原创 2023-03-28 14:40:02 · 2118 阅读 · 0 评论 -
简易的登录权限判断
这篇博客记录一下如何实现一个简单的登录权限判断,由于入行时间不长,因此对权限相关知识的理解浅薄,如有幸被大佬看到,希望大佬不吝赐教。实现简单的登录权限判断主要分四个步骤。登录服务器端实现以及登录接口实现登录获取tokenstore与本地存储token路由权限登录判断接下来我将依次实现上述步骤。1. 登录服务器端实现以及登录接口实现要实现一个登录页面首先需要一个登录的请求接口,因此我们模拟服务器端发送一个axios请求。这里我们准备了两个json格式的文件admin_login.json原创 2023-03-14 22:00:49 · 208 阅读 · 0 评论 -
Vue2学习笔记
记忆:单向数据绑定v-bind:用法:v-bind:属性名=“参数”,可以简写为 :属性名=“参数”,被绑定的属性的参数会被当做表达式来执行,注意:Vue实例与容器所绑定的数据传递流是单向的,当改变Vue实例的属性时,容器所绑定的数据会跟着修改,而当修改容器绑定的数据时,Vue实例的属性不会发生改变。让我们通过代码来验证一下所谓的“单向”下面测试修改Vue实例的属性:再测试一下修改容器绑定的属性:双向数据绑定v-model用法:v-model:value=“参数”,简写为:v-model=“参数”,被绑原创 2023-02-20 09:02:56 · 336 阅读 · 0 评论 -
Vue——token原理、路由导航守卫与请求拦截器
当页面跳转时,如何才能保存页面的状态呢?有三种方式能够保存页面状态这篇博客只讲解一下token方式,关于cookie与session的原理可以查阅往期node.js的博客。原创 2023-01-08 19:55:57 · 2212 阅读 · 0 评论